.sidebar{height:100%;width:0;position:fixed;z-index:999;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:.5s}.sidebar a{text-decoration:none;font-size:18px;color:#818181;display:block;transition:.3s}.sidebar a:hover{color:#b5b5b5}.sidebar #navOption{text-decoration:none;font-size:18px;color:#818181;display:block;transition:.3s}.sidebar #navOption:hover{color:#b5b5b5;text-decoration:underline}.sidebar .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.openbtn{font-size:20px;cursor:pointer;background-color:#111;color:#fff;padding:10px 15px;border:none}.openbtn:hover{background-color:#444}#main{transition:margin-left .5s}@media screen and (max-height:450px){.sidebar{padding-top:15px}.sidebar a{font-size:18px}}