@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 7th Edition
   Tutorial 5
   Tutorial Case
   
   Author: Rahmatullah Matin  
   Date: 10/25/2025    
   
   Filename: tf_navicon.css
   
   This file contains styles used to control 
   a navicon menu.

*/


/* ===========
   Base Styles
   ===========
*/

a#navicon {
	display: none;
}

/* ===============================
   Mobile Devices: 0 to 480px 
   ===============================
*/
@media only screen and (max-width: 480px) {

 a#navicon {
	display: block;
 }
 
 nav.horizontal ul {
	 display: none;
 }
 
 a#navicon:hover+ul, nav.horizontal ul:hover {
	display: block;
 }

}