.menu a {
    text-decoration: none;
    color: #5a5a5e;
}

.navbar li {
    list-style: none;
}


/* NAVBAR STYLING STARTS */

/* .navbar-container {
    height: 4vh;
} */

.navbar {
    box-sizing: content-box;
    display: flex;
    height: 5vh;
    align-items: center;
    justify-content: space-between;
    padding: 2%;
    background-color: rgba(red, green, blue, 0);
    color: #1c1a1a;
}


/* LOGO */

#navbar-logo {
    height: 100%;
    box-sizing: content-box;
}

#navbar-logo img {
    /* margin-top: 40px; */
    /* padding: 20px; */
    border-radius: 100%;
    max-height: 100%;
}


/* NAVBAR MENU */

.menu {
    display: flex;
    gap: 1em;
    font-size: 18px;
}

.menu a:hover,
.menu a:active {
    color: #fdbe5d;
    transition: 15ms ease;
    font-weight: bolder;
}

.menu li {
    padding: 5px 14px;
}


/* RESPONSIVE NAVBAR MENU STARTS */


/* CHECKBOX HACK */

input[type=checkbox] {
    display: none;
}


/* HAMBURGER MENU */

.hamburger {
    display: none;
    font-size: 24px;
    user-select: none;
}


/* APPLYING MEDIA QUERIES */

@media (max-width: 800px) {
    .menu {
        display: none;
        position: absolute;
        background-color: #fff;
        right: 0;
        left: 0;
        text-align: center;
        padding: 16px 0;
    }
    .menu li:hover,
    .menu li:active {
        /* display: inline-block; */
        color: #fdbe5d;
        transition: 15ms ease;
        cursor: pointer;
    }
    .menu li+li {
        margin-top: 12px;
    }
    .hamburger:hover~.menu {
        display: block;
    }
    .hamburger:active~.menu {
        display: block;
    }
    .menu:hover {
        display: block;
    }
    /* hamburger responsiveness and styling */
    .hamburger {
        display: block;
        color: #fff;
        width: 45px;
        border-radius: 3px;
        background-color: #fdbe5d;
        border: 2px solid #fdbe5d;
    }
    .hamburger:hover,
    .hamburger:active {
        background-color: #fff;
        color: #fdbe5d;
        transition: 15ms ease;
        cursor: pointer;
    }
}