.topnav{overflow:hidden;background-color:var(--color4)}.topnav a{float:left;display:block;color:var(--color2);text-align:center;padding:var(--small) var(--medium);text-decoration:none;font-size:var(--font-medium);font-weight:500}.active{background-color:var(--color4);color:var(--color2)}.topnav .icon{display:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:var(--font-medium);border:none;outline:none;color:var(--color2);padding:var(--small) var(--medium);background-color:var(--color4);font-family:inherit;margin:0;font-weight:500}.dropdown-content{display:none;position:absolute;background-color:var(--color4);z-index:1}.dropdown-content a{float:none;color:var(--color2);padding:var(--small) var(--medium);text-decoration:none;display:block;text-align:left}.topnav a:hover,.dropdown:hover .dropbtn{background-color:var(--color5);color:white}.dropdown-content a:hover{background-color:var(--color5);color:black}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width: 768px){.topnav a:not(:first-child),.dropdown .dropbtn{display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width: 768px){.topnav.responsive{position:relative}.topnav.responsive .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}}