.topnav{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));overflow:hidden}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.active{background-color:#04aa6d;color:white}.topnav .icon{display:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:17px;border:none;outline:none;color:white;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content .submenu{float:none;color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown:hover .dropbtn,.topnav a:hover{background-color:#555;color:white}.dropdown-content a:hover{background-color:#ddd;color:black}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:600px){.dropdown .dropbtn,.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}