.topnav{background-color:#333;overflow:hidden}.topnav a{color:#f2f2f2;display:block;float:left;font-size:17px;padding:14px 16px;text-align:center;text-decoration:none}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04aa6d;color:#fff}.topnav .icon{display:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{background-color:inherit;border:none;color:#fff;font-family:inherit;font-size:16px;margin:0;outline:none;padding:14px 16px}.dropdown:hover .dropbtn,.navbar a:hover{background-color:red}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:600px){.dropdown,.topnav a:not(:first-child){display:none}.topnav a.icon{display:block;float:right}.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive .dropdown,.topnav.responsive a{display:block;float:none;text-align:left}.dropdown .dropbtn{text-align:left;width:100%}}*{margin:0;padding:0}a{color:brown;text-decoration:none}