.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;padding-top:60px;transition:0.5s}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:0.3s}.sidenav a:hover,.offcanvas a:focus{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.overlay3{height:100%;width:0;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.9);overflow-y:auto;overflow-x:hidden;text-align:center;opacity:0;transition:opacity 1s}.menuIcon_container{display:inline-block;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:0.4s}#main{transition:margin-left 0.5s;padding:20px}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}