nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 5rem;
    width: 100vw;
    background-color: transparent;

    position: fixed;
    top: 0;
    z-index: 1000;
    transition: transform 0.3s; 
}

.nav-hidden {
  transform: translateY(-100%); 
}

.nav-links{
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.best-logo{
    font-weight: 900;
    font-size: 1.5rem;
}

.nav-link{
    font-weight: 500;
    position:relative;
    display:inline-block;
    overflow:hidden;

    /* height:1.2em; */
}

.nav-link span{
    display:block;

    transition:
        transform .9s cubic-bezier(.16,1,.3,1);

    /* line-height:1.2em; */
}

.nav-link span:last-child{
    position:absolute;
    left:0;
    top:100%;
}

.nav-link:hover span:first-child{
    transform:translateY(-100%);
}

.nav-link:hover span:last-child{
    transform:translateY(-100%);
}

@media (max-width: 600px){
    nav{
        padding: 0.5rem 2rem;
    }
}

@media (max-width: 500px){
    nav .btn{
        display: none;
    }
    .nav-links a:nth-child(1){
        display: none;
    }
    .nav-links a:nth-child(2){
        display: none;
    }
    .nav-links{
        gap: 1.5rem;
    }
}