/* ===========================
   LumaCoding Header
=========================== */


header{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    padding:25px 0;
}


.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
}


/* Logo */

.logo img{

    width:170px;
    height:auto;
    display:block;

}


.logo a{

    display:flex;
    align-items:center;

}


/* Navigation */

nav ul{

    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;

}


nav ul li a{

    text-decoration:none;
    color:#111;
    font-size:14px;
    font-weight:500;
    transition:.3s;

}


nav ul li a:hover{

    color:#b6ff00;

}



/* Header Button */

.header-btn{

    border:1px solid #111;
    padding:12px 28px;
    border-radius:30px;
    text-decoration:none;
    color:#111;
    font-size:14px;
    font-weight:600;
    transition:.3s;

}


.header-btn:hover{

    background:#111;
    color:#fff;

}



/* Mobile */

@media(max-width:900px){

    nav{
        display:none;
    }


    .logo img{

        width:140px;

    }


    .header-btn{

        padding:10px 20px;

    }

}