.sidebar{color:#fff;z-index:1000;background-color:#111;width:250px;height:100%;padding:2rem 1rem;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar nav ul{padding:0;list-style:none}.sidebar nav ul li{margin:1rem 0}.sidebar nav ul li a{color:#fff;font-size:1.2rem;text-decoration:none}.sidebar-toggle{z-index:1100;color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:4px;padding:.5rem 1rem;position:fixed;top:1rem;left:1rem}.sidebar-overlay{z-index:900;background:#0006;width:100%;height:100%;position:fixed;top:0;left:0}