.sidenav{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#fff;z-index:1000;overflow-x:hidden;transition:transform .3s ease;padding-top:50px;box-shadow:2px 0 8px rgba(0,0,0,.1)}.sidenav a{padding:10px 24px;text-decoration:none;font-size:16px;color:#333;display:block;transition:.3s;border-radius:4px;margin:4px 8px}.sidenav a:hover{background-color:#d3ffc0;color:#000}.sidenav .closebtn{position:absolute;top:10px;right:20px;font-size:24px;color:#333;cursor:pointer;transition:color .3s}.sidenav .closebtn:hover{color:#000}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:14px}}