:root{--floral-white:#fff;--timberwolf:#4b5563;--black-olive:#f3f4f6;--eerie-black:#fff;--flame:#2563eb;--animate-delay:0.2s}body{--white:#fff;--flame:#2563eb;--background:var(--white);--accent:var(--flame)}::-webkit-scrollbar{height:5px;width:5px;background:var(--background);-webkit-border-radius:1ex}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:#fff3}.menu{position:fixed;z-index:1;top:0;right:0;bottom:0;width:250px;background:#111827;padding-top:100px;transform:translateX(100%);will-change:transform}.menu ul{display:flex;flex-direction:column;gap:10px;padding:15px}.menu li{color:var(--background);display:block;transform-origin:-20px 50%;font-weight:700;font-size:26px;padding:10px;will-change:transform,opacity,filter}.menu li,.menu ul{list-style:none;margin:0}.menubutton{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:fixed;z-index:2;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:var(--accent);padding:10px}.menubutton path{fill:var(--background)}.menu input{accent-color:var(--ash-black)}.menu .controls{padding:0 0 50px}.menu .controls,.menu .example{display:flex;flex-direction:column;align-items:center}.menu .example{justify-content:flex-start}.menu .item{width:300px;height:300px;display:flex;align-items:flex-start;justify-content:center;background:var(--accent);color:var(--background);font-size:240px;line-height:260px;font-weight:700;border-radius:30px}