#navicon {
        display: none; 
}
@media only screen and (max-width: 480px) {
        #navicon {
                display: block;
                top: 10px; 
                left: 10px;
        }
        #navicon img {
                width: 30px;
                height: 30px;
        }
        nav ul {
                display: none; 
        }
        #navicon:hover + ul, nav ul:hover {
                display: block;
        }
        nav:focus-within ul {
                display: block;
        }
}