:root{--background:#fff;--foreground:#171717}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}#menuToggle{z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{color:#232323;text-decoration:none;transition:color .3s}#menuToggle span:first-child{transform-origin:0 0}#menuToggle input{cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;width:48px;height:48px;position:absolute;top:-10px;left:-10px}#menuToggle span{z-index:1;transform-origin:4px 0;background:#cdcdcd;border-radius:3px;width:33px;height:4px;margin-bottom:5px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s;display:block;position:relative}#menuToggle input:checked~span{opacity:1;background:#232323;transform:rotate(45deg)translateY(-1.5px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0)scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg)translateY(-1.5px)}#menuToggle input:checked~ul{left:40px}#menu{-webkit-font-smoothing:antialiased;background:#ffc2ef;width:200px;height:calc(100vh + 100px);margin:-100px 0 0 -64px;padding:125px 50px 50px;list-style-type:none;transition:left .5s;position:absolute;top:24px;left:-300px;box-shadow:5px 5px 20px #c8c8c8b3}#menu li{padding:10px 0;font-size:22px}#menu input:checked~ul{left:40px}