/*=========================================
            HEADER
=========================================*/


header{

    width:100%;

    position:sticky;

    top:0;

    z-index:1000;

    background:linear-gradient(
        90deg,
        var(--bg-secondary),
        var(--primary)
    );

    box-shadow:0 4px 15px rgba(0,0,0,.30);

}



.navbar{

    max-width:1400px;

    margin:auto;

    padding:20px 40px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

}



.logo{

    flex-shrink:0;

}



.logo a{

    font-size:38px;

    font-weight:700;

    color:var(--text-primary);

    white-space:nowrap;

}



.logo span{

    color:var(--primary);

}



nav{

    margin-left:auto;

}



nav ul{

    display:flex;

    align-items:center;

    gap:35px;

}



nav ul li{

    white-space:nowrap;

}



nav ul li a{

    color:var(--text-primary);

    font-size:20px;

    font-weight:600;

    transition:var(--transition);

}



nav ul li a:hover{

    color:var(--gold);

}