:root{--length: min(-100px,-30vw);--grid-size: 40px;--grid-color: grey}body{margin:0;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='var(--grid-size)' height='var(--grid-size)' fill='none' stroke='var(--grid-color)'><rect x='0' y='0' width='100%' height='100%'/></svg>")}body p{color:#e6b8af;margin-top:0}#entirepage{position:fixed;left:var(--length);display:flex;justify-content:space-between;flex-direction:row;width:100%;background-color:aliceblue;background:#f0f000;transition:left 0.3s}#menu-btn{position:absolute;top:-100%;left:-100%}.menu-btn{display:none}.menu{margin-right:auto;display:flex;justify-content:space-between;align-items:center;margin-right:2rem;min-width:max(100px, 30vw);margin:0;padding:0;background-color:#eee;display:flex;flex-direction:column}.menu a{text-decoration:none;color:black;padding:20px 20px;border-right:1px solid #f4f4f4;background-color:#eee}.menu-icon{order:2;margin-left:auto;z-index:2;cursor:pointer;display:flex;justify-content:flex-end;align-items:baseline;padding:30px 20px 30px 0;position:relative;user-select:none;visibility:visible}#toprightfixed{position:fixed;top:0;right:0}.navicon{background:#e6b8af;display:block;height:4px;width:30px;position:relative}.navicon:before{top:9px}.navicon:after{top:-9px}.navicon:before,.navicon:after{background:#e6b8af;display:block;width:100%;height:100%;content:'';position:absolute;transition:all .2s ease-out}.menu-btn:checked ~ #entirepage{left:0}.menu-btn:checked ~ .menu-icon .navicon{background:transparent}.menu-btn:checked ~ .menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked ~ .menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked ~ .menu-icon .navicon:before,.menu-btn:checked ~ .menu-icon .navicon:after{top:0}.rightsideofpage{margin-right:auto}
/*# sourceMappingURL=main.css.map */