#menu-btn{position:fixed;top:18px;left:18px;font-size:26px;cursor:pointer;z-index:30;background:#202020;color:#fff;padding:8px 14px;border-radius:8px;border:1px solid #444;transition:.3s}#menu-btn:hover{background:#004fc5}.sidebar{position:fixed;top:0;left:0;width:240px;height:100%;background:#202020;padding-top:70px;transform:translate(-100%);transition:transform .35s ease;z-index:25}.sidebar.open{transform:translate(0)}.sidebar h2{color:#fff;text-align:center;margin-bottom:20px}.sidebar a{display:block;padding:14px 22px;color:#fff;text-decoration:none;border-bottom:1px solid #333}.sidebar a:hover{background:#004fc5}body.sidebar-open .top-header{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:.35s ease}