.hamburger_box{box-sizing:border-box;display:inline-block;margin-left:auto;padding:5px;background-color:#fff;width:50px;text-align:center;box-sizing:border-box}.hamburger_text{font-size:7pt;color:#17819c;bottom:0;width:100%}#nav-drawer{position:relative}.nav-unshown{display:none}#nav-open{display:inline-block;width:100%;height:50px;padding:0;margin:0;vertical-align:top;text-align:center;height:40px}#nav-open span,#nav-open span:after,#nav-open span:before{position:absolute;display:block;content:'';cursor:pointer}#nav-open span:before{left:0;width:100%;z-index:999;border-top:2px solid #17819c;border-bottom:2px solid #17819c;top:-24px;-moz-top:-24px;-webkit-top:-24px;height:20px}#nav-open span:after{left:0;width:100%;z-index:999;border-top:2px solid #17819c;top:-13px;-moz-top:-13px;-webkit-top:-13px;height:0}#nav-close{display:none;position:fixed;z-index:99;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:.3s ease-in-out}#nav-content{overflow:auto;padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;left:0;z-index:9999;width:90%;max-width:320px;height:100%;background:#efefef;transition:.3s ease-in-out;-webkit-transform:translateX(-105%);transform:translateX(-105%)}#nav-input:checked~#nav-close{display:block;opacity:.5}#nav-input:checked~#nav-content{-webkit-transform:translateX(0);transform:translateX(0);box-shadow:6px 0 25px rgba(0,0,0,.15)}