@import'https://unpkg.com/open-props/easings.min.css';:root{font-family:"Gilda Display",sans-serif;--theme-color: whitesmoke}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:thin;scroll-behavior:smooth}body{height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background-color:var(--theme-color);color:#000}a{margin:0;padding:0;font-size:100%;outline:none;vertical-align:baseline;background:rgba(0,0,0,0);text-decoration:none;color:inherit}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer}header{background-color:var(--theme-color);text-align:center;font-family:"inter",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px;box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px}header h1{position:relative;top:.6rem;left:.6rem;font-size:1.6rem;margin:0;font-weight:700;padding:1rem;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);text-shadow:none;background-color:#000}header h1 mark{position:absolute;top:35%;right:0;font-weight:300;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);padding:4px 8px;border-radius:4px;font-family:"Gilda Display",sans-serif;background-color:rgba(0,0,0,0)}header menu{display:-webkit-box;display:-ms-flexbox;display:flex}header menu button{padding:2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}header menu button::after{content:"";display:block;width:100%;height:1px;background-color:#000;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out}header menu button:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;position:fixed;bottom:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:200;font-size:10px;font-family:"inter",sans-serif;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:4rem 3rem;font-size:1rem;text-transform:uppercase;border-top:solid .5px #000;background-color:#f5f5f5}footer:hover{-webkit-transform:translateY(0);transform:translateY(0)}footer::after{--tip-height: 48%;content:"";display:block;width:100%;height:var(--tip-height);position:absolute;-webkit-transform-origin:center;transform-origin:center;top:calc(-1*var(--tip-height));left:0;z-index:-1}footer button{position:absolute;top:-1rem;left:50%;-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%);width:2rem;aspect-ratio:2/1.732;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{from{-webkit-transform:translate(-50%, -100%) rotate(0deg);transform:translate(-50%, -100%) rotate(0deg)}to{-webkit-transform:translate(-50%, -100%) rotate(360deg);transform:translate(-50%, -100%) rotate(360deg)}}@keyframes spin{from{-webkit-transform:translate(-50%, -100%) rotate(0deg);transform:translate(-50%, -100%) rotate(0deg)}to{-webkit-transform:translate(-50%, -100%) rotate(360deg);transform:translate(-50%, -100%) rotate(360deg)}}footer button li{position:absolute;list-style:none;width:36%;aspect-ratio:1/1;border-radius:50%}footer button li:nth-child(1){left:0;top:0;background-color:#000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}footer button li:nth-child(2){right:0;top:0;background-color:#000;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}footer button li:nth-child(3){left:50%;bottom:0;background-color:#000;-webkit-transform:translate(-50%, 50%);transform:translate(-50%, 50%)}footer .author{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%);text-align:center}footer .author p{margin:4px 0;font-size:.8rem}footer nav{display:-webkit-box;display:-ms-flexbox;display:flex}footer nav a{cursor:pointer;margin-inline:1rem;text-decoration:underline}aside{position:fixed;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}aside.panel-right{left:auto;right:0;-webkit-transform:translateY(-50%) rotateY(180deg);transform:translateY(-50%) rotateY(180deg);-webkit-transform-origin:center;transform-origin:center}aside.panel-right li{display:-webkit-box;display:-ms-flexbox;display:flex}aside.panel-right li span{margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}aside ul{--arc: 5deg;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;text-align:right}@media(hover)and (prefers-reduced-motion: no-preference){aside ul:has(li:nth-child(1):hover){--target: 1}aside ul:has(li:nth-child(2):hover){--target: 2}aside ul:has(li:nth-child(3):hover){--target: 3}aside ul:has(li:nth-child(4):hover){--target: 4}aside ul:has(li:nth-child(5):hover){--target: 5}aside ul:has(li:nth-child(6):hover){--target: 6}aside ul:has(li:nth-child(7):hover){--target: 7}aside ul:has(li:nth-child(8):hover){--target: 8}aside ul:has(li:nth-child(9):hover){--target: 9}aside ul:has(li:nth-child(10):hover){--target: 10}aside ul:has(li:nth-child(11):hover){--target: 11}aside ul:has(li:nth-child(12):hover){--target: 12}aside ul:has(li:nth-child(13):hover){--target: 13}aside ul>li{cursor:pointer;-webkit-transform-origin:-300% 50%;transform-origin:-300% 50%;-webkit-transition:opacity .3s var(--ease-3),-webkit-transform 1.5s var(--ease-spring-2);transition:opacity .3s var(--ease-3),-webkit-transform 1.5s var(--ease-spring-2);transition:transform 1.5s var(--ease-spring-2),opacity .3s var(--ease-3);transition:transform 1.5s var(--ease-spring-2),opacity .3s var(--ease-3),-webkit-transform 1.5s var(--ease-spring-2)}aside ul:hover>li:not(:hover){--distance-from-target: abs(var(--sibling-index) - var(--target));--distance-multiplier: var(--distance-from-target) * 25%;--gradual-fadeout: calc(100% - var(--distance-multiplier));opacity:.1;--angle: calc((var(--sibling-index) - var(--target)) * var(--arc));-webkit-transform:rotateZ(var(--angle));transform:rotateZ(var(--angle))}}aside li{position:relative;width:8rem;padding:8px 12px}aside li::after{content:"";display:block;width:100%;height:100%;border-top:solid .5px gray;position:absolute;-webkit-transform-origin:center;transform-origin:center;top:0;left:0;z-index:-1;-webkit-transform:translate(-30%, 50%);transform:translate(-30%, 50%)}main{height:calc(100vmin - 85px);display:grid;place-items:center}main section{width:80vmin;height:80vmin;display:grid;overflow:hidden;grid-template-columns:repeat(13, 1fr);grid-template-rows:repeat(13, 1fr);gap:2px}main section div{aspect-ratio:1/1;background-color:var(--color);border-radius:3px;-webkit-box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px;box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px;cursor:-webkit-grab;cursor:grab}main section div:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:scale(0.95);transform:scale(0.95)}/*# sourceMappingURL=base.css.map */