.menu-button{background-color:#007bff;border:none;border-radius:5px;cursor:pointer;font-size:16px;left:20px;padding:10px 15px;top:20px;z-index:1001}.drawer,.menu-button{color:#fff;position:fixed}.drawer{background-color:#333;box-shadow:2px 0 5px rgba(0,0,0,.5);height:100vh;left:0;padding-top:60px;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:50vw;z-index:1000}.drawer.open{transform:translateX(0)}.drawer-content{padding:20px}.drawer-content ul{list-style:none;padding:0}.drawer-content li{margin-bottom:15px}.drawer-content a{color:#fff;display:block;font-size:18px;padding:10px 0;text-decoration:none;transition:background-color .2s ease}.drawer-content a:hover{background-color:brown;border-radius:3px;color:wheat}.overlay.active{display:block}.main-content{padding:20px;text-align:center}