/* ======================
   NAVBAR GLOBAL STYLE
====================== */

nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 5%;
    flex-wrap:wrap;
}

/* LOGO */
.logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.logo img{
    width:32px;
    height:32px;
    object-fit:contain;
}

.logo h2{
    font-weight:800;
    font-size:1.5rem;
    background:linear-gradient(90deg,#00f5ff,#7c3aed);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:0;
}

/* MENU */
nav div{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

nav a{
    text-decoration:none;
    color:#fff;
    font-weight:500;
    transition:.3s;
    font-size:0.9rem;
}

nav a:hover{
    color:#00f5ff;
}

/* MOBILE */
@media(max-width:768px){

    nav{
        padding:12px 4%;
    }

    .logo img{
        width:28px;
    }

    .logo h2{
        font-size:1.3rem;
    }

    nav div{
        gap:10px;
    }

    nav a{
        font-size:0.8rem;
    }

}