/* ===========================
   NAVBAR
   =========================== */

.navbar{

    width:100%;

    height:80px;

    padding:0 8%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    position:sticky;

    top:0;

    z-index:1000;

    background:rgba(10,10,15,.85);

    backdrop-filter:blur(14px);

    border-bottom:1px solid var(--border);

}

/* ===========================
   LOGO
   =========================== */

.logo{

    font-size:1.8rem;

    font-weight:700;

    background:var(--gradient);

    background-clip:text;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    cursor:pointer;

}

/* ===========================
   NAVIGATION LINKS
   =========================== */

.nav-links{

    display:flex;

    gap:2rem;

}

.nav-links a{

    color:var(--muted);

    transition:.25s;

    font-weight:500;

}

.nav-links a:hover{

    color:var(--text);

}