nav {
    &#navbar {
        z-index: 100;
        display: flex;
        justify-content: flex-between;
        align-items: center;
        position: fixed; /* Set the navbar to fixed position */
        top: 0; /* Position the navbar at the top of the page */
        width: 100%;

        /* Menus */
        ul {
            justify-content: flex-evenly;
            display: flex;

            li {
                flex: 1;
                display: inline;
                text-align: center;
                list-style: none;

                a {
                    color: inherit;
                    text-decoration: none;

                    img {
                        height: 1.5em;
                    }
                }

                a:hover {
                    font-weight: bold;

                    img {
                        height: 1.7em;
                    }
                }
            }
        }
    }
}