body{
    background-color: #0F0F0F;
    overflow:hidden;
    margin: 0;
    font-size: clamp(1.8rem, -0.875rem + 8.333333vw, 2.3rem);
}
.rubik-lower {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}.main-text{
    color: white;
    letter-spacing: 0.2em;
}

a{
    color: inherit;
    text-decoration: inherit;
    transition: transform 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
}
a:hover{
    transform: scale(1.1,1.1);
    text-shadow: 0 0 1vw #FFFFFF,0 0 3vw #fb00ff,0 0 7vw #22cbff;
}
.description{
    position: absolute;
}
.fade-in{
    animation-name: appear;
    animation-duration: 1s;
    animation-timing-function: ease-in-out
}
.center-hori{
    width: 100%;
    text-align: center;
}
@keyframes appear{
    from {opacity: 0%;}
    to {opacity: 100%;}
}