@charset "UTF-8";

@media screen and (min-width: 768px) {
    span#burger {
        display: none;
    }

    menu {
        display: block;
        background-color: var(--color4);
        border: 2px solid rgba(0, 0, 0, 0.286);
        text-align: center;
    }
    
    menu > ul > li {
        display: inline-block;
        list-style-type: none;
    }

    menu > ul > li > a {
        color: var(--color1);
        text-decoration: none;
        font-weight: bold;
        display: inline-block;
    }
    
    menu > ul > li > a:hover {
        background-color: var(--color3);
        color: var(--color5);
        border-radius: 5px;
    }
}