.sidenav{height:100%;width:100%;position:fixed;z-index:99;top:0;left:-100%;background-color:#111;overflow-x:hidden;padding-top:0;transition:.5s}.sidenav a{padding:.5em;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s;text-align:center}.sidenav a:hover,.offcanvas a:focus{color:#f1f1f1}.sidenav .closebtn{position:absolute;top:0;left:0;font-size:36px}#main{transition:margin-left .5s;padding:20px}@media screen and (max-height:767px){.sidenav a{font-size:18px}}