@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200&family=Montserrat&display=swap');
:root{
    --dark-cyan: rgba(1,100,111,255);
    --cyan: rgba(58,167,152,255);
    --light-cyan: rgba(100,207,176,255);
}


* {
    box-sizing: border-box;
}

body{
    background: rgb(2,0,36);
}

header{
    padding: 1% 0;
}


.nav-buttons{
    margin-top: 3rem;
    margin-right: 10rem;
    float: right;
    display: inline-flex;
    list-style: none;
    font-size: 22.5px;
    font-family: 'Montserrat', sans-serif;
    gap: 20px;
}

.nav-buttons li {
    transition: 0.2s ease;
}

.nav-buttons li a {
    color: white;
    text-decoration: none;
}

.nav-buttons li:hover {

    transform: scale(1.15);
}

.gradiant-symbol {
    font-size: 45px;
    margin-top: 2.5px;
    background: linear-gradient(
        to bottom, 
        var(--dark-cyan),
        var(--cyan),
        var(--light-cyan)
    );
    background-size: 200%;
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    white-space: nowrap; 
}
.logo {
    display: inline-flex;
    font-size: 50px;
    margin-left: 4rem;
    margin-top:40px;
}