/*
==============================================================================
Navigation Bar
==============================================================================
*/

.navbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 5%;

    background:#111827;

    border-bottom:1px solid #1F2937;

    position:sticky;

    top:0;

    z-index:1000;

}

.logo a{

    color:#38BDF8;

    font-size:1.8rem;

    font-weight:700;

    text-decoration:none;

}

.menu{

    display:flex;

    align-items:center;

    gap:25px;

}

.menu a{

    color:#E2E8F0;

    text-decoration:none;

    font-size:1rem;

    font-weight:500;

    padding:8px 14px;

    border-radius:8px;

    transition:all .25s ease;

}

.menu a:hover{

    background:#2563EB;

    color:#FFFFFF;

}

.menu a.active{

    background:#2563EB;

    color:#FFFFFF;

}