nav{z-index:auto;width:min(1000px,100vw);position:absolute}div.compensate{height:3rem;display:block}div.compensate.responsive{display:none}.navbar{background-color:#333;display:flex}.navbar a{float:left;color:#fff;text-align:center;border:none;margin:0;padding:1rem;text-decoration:none;display:none}.nav-head{width:100%;display:flex;&>a{padding:0 1rem;line-height:3rem}}.navbar .icon{float:left;display:block}.navbar .members.icon{float:right;margin-left:auto}.navbar.responsive{z-index:1;width:100%;display:inherit;position:absolute}.navbar.responsive a{float:none;text-align:left;z-index:9999;display:block;position:relative}.navbar.responsive .dropdown{float:none}.navbar.responsive .dropdown-cnt{position:relative}.navbar.responsive .dropdown .dropbtn{text-align:left;width:100%;display:block}.navbar.responsive .members_link{display:none}#members.navbar.responsive a,#members.navbar.responsive .dropdown .dropbtn{text-align:right}@media screen and (width>=1000px){.navbar{display:flex;&>div{flex-grow:1;height:3rem}&>a{flex-grow:1;line-height:3rem}}.nav-head{display:none}.navbar a,.navbar .dropdown .dropbtn{padding:0;display:block}.dropbtn{width:100%;height:100%}.navbar .icon{display:none}div.compensate.responsive{display:block}}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{color:#fff;background-color:inherit;border:none;outline:none;margin:0;padding:1rem;font-family:inherit;font-size:1rem;display:none}.navbar a:hover,.dropdown:hover .dropbtn{background-color:var(--custom-red);cursor:pointer}.dropdown-cnt{background-color:var(--custom-cyan);z-index:200;display:none;position:absolute;overflow-y:hidden;box-shadow:0 .5rem 1rem #0003;& a{float:none;color:#000;text-align:left;z-index:200;padding:1rem;text-decoration:none;display:block;position:relative;&:hover{background-color:#ddd}}}.dropdown:hover .dropdown-cnt,.dropdown:active .dropdown-cnt{display:block}