.sidenav{height:100%;width:0;position:fixed;z-index:9999;top:0;left:0;background-color:#f0f0f0;overflow-x:hidden;transition:width 0.3s ease;box-shadow:4px 0 15px rgba(0,0,0,.15)}.sidenav .text-box{padding:20px 0;min-width:280px}.sidenav a{padding:14px 20px;text-decoration:none;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:.1em;display:block;transition:background-color 0.2s,color 0.2s;border-bottom:1px solid #EFEBE9;white-space:nowrap}.sidenav a:hover{color:#8D6E63;background-color:rgba(0,0,0,.04)}.sidenav .closebtn{font-size:32px;line-height:1;padding:16px 20px 12px;font-family:sans-serif;font-weight:300;letter-spacing:0;text-transform:none;border-bottom:1px solid #EFEBE9;display:flex;justify-content:flex-end}.sidenav .closebtn:hover{color:#8D6E63;background-color:transparent}.sidenav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9998}.sidenav-overlay.active{display:block}