.topnav{background-color:var(--white);overflow:hidden;margin-left:20px;margin-right:20px;padding-bottom:10px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end}.topnav a{color:#7c7b7b;text-align:center;padding:2px 7px;margin-top:10px;text-decoration:none;font-size:.9em}.active{border-radius:5px;color:#000!important;font-weight:700}.topnav .icon{display:none}.dropdown{overflow:hidden}.dropdown .dropbtn{font-size:.9em;border:0;outline:0;color:#7c7b7b;padding:2px 7px;margin-top:10px;background-color:inherit;font-family:inherit}.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 a{float:none;color:#000;padding:6px 16px;text-decoration:none;display:block;text-align:left}.dropdown:hover .dropbtn,.topnav a:hover{color:#000;border-radius:5px 5px 0 0}.dropdown-content a:hover{background-color:#e6e6e6;color:#000}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:500px){.topnav{display:flex;flex-direction:column}.dropdown .dropbtn,.topnav a{display:none}.topnav a.icon{font-size:.9rem;padding:3px;display:block;margin-bottom:5px}.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,.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}