@font-face {
    font-family: 'SphereFez Space';
    src: url('SphereFez-8MAzJ.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
box-sizing: border-box;
}

html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #103544;
}

body {
padding-top: 4rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-image: url('./bg.svg');
}

h1 {
font-family: 'SphereFez Space';
font-size: 42px;
color: #ffdcb6;
text-align: center;
line-height: 1.1;
letter-spacing: 5px;
}

h1 span {
display: inline-block;
}

h2 {
font-family: 'SphereFez Space';
font-size: 2rem;
color: #8cc7cc;
text-align: center;
line-height: 1.1;
letter-spacing: 5px;
}

h2 span {
display: inline-block;
}

h3 {
font-family: 'SphereFez Space';
font-size: 1rem;
color: #b5de96;
text-align: center;
line-height: 1.1;
letter-spacing: 5px;
}

h3 span {
display: inline-block;
}

#top-lvl-div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 50px;
}

.side-by-side {
/* display: inline-block; */
float: left;
width: 20%; /* Adjust the width as needed */
padding: 25px; /* Optional: Padding for visualization */
}

#insta-svg {
position: absolute;
width: 30px;
height: 30px;
}

#facebook-svg {
position: absolute;
width: 30px;
height: 30px;
}

#x-svg {
position: absolute;
width: 35px;
height: 35px;
}

#telegram-svg {
position: absolute;
width: 25px;
height: 25px;
}

#linkedin-svg {
position: absolute;
width: 30px;
height: 30px;
}

#me:hover {
color: rgb(255, 182, 86);
font-weight: bold;
cursor: pointer;
}

#ops:hover {
color: rgb(23, 170, 190);
font-weight: bold;
cursor: pointer;
}

#photos:hover {
color: rgb(95, 255, 122);
font-weight: bold;
cursor: pointer;
}

#insta-svg:hover {
cursor: pointer;
}

#facebook-svg:hover {
cursor: pointer;
}

#x-svg:hover {
cursor: pointer;
}

#telegram-svg:hover {
cursor: pointer;
}

#linkedin-svg:hover {
cursor: pointer;
}

pre {
display: block;
color: white;
}