.sidenav {height:100%; width:0; position:fixed; z-index: 9999; top:0; left:0; background-color:#111; overflow-x:hidden; transition:0.5s; padding-top:60px;}
.sidenav a {padding:10px; text-decoration:none; font-size:16px; color:#fff; display:block; transition:0.3s;}
.sidenav a:hover,.sidenav a.active {color:#f068a6; padding-left:18px;}
.sidenav a::after {content:''; display:block; width:0; height:2px; background:#f068a6; transition:width .3s;}
.sidenav a:hover::after,.sidenav a.active::after {width:100%;}
.sidenav .closebtn {position:absolute; top:0; right:25px; font-size:36px; margin-left:50px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}