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

header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 60px;

    background:#08131F;

    position:fixed;

    width:100%;

    top:0;

    z-index:999;
    
    backdrop-filter:blur(15px);

    box-shadow:

    0 5px 30px rgba(0,0,0,.25);


}

.logo{

    font-size:55px;

    font-weight:bold;

    color:white;

}

.logo span{

    color:#ff9800;

}

.logo img{

    height:55px;

}

nav{

    display:flex;

    gap:25px;

}

nav a{

    text-decoration:none;

    color:white;

    transition:.3s;

}

nav a:hover{

    color:#0d6efd;

}