body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{font-size:2rem}*,:after,:before{box-sizing:border-box}body{background-color:#111;color:#eee}.center{display:grid;inset:0;place-content:center;position:absolute}.iso{--iso:scaleX(0.866025) rotateZ(30deg) skewX(150deg);max-width:45ch;transform:var(--iso)}.btn1{--size:1em;--magic:0.866025;--shift:translate(calc(var(--size)*-1),calc(var(--size)*-1*var(--magic)));border:none;color:#eee;font:inherit;padding:0;position:relative;transform:var(--shift);transition:transform .4s ease}.btn1,.content{background-color:#222}.content{padding:1em}:is(.side,.front){position:absolute;transition:transform .4s ease}.front{background-color:#262626;inset:0 calc(var(--size)*-2) 0 100%;transform:skewY(41.25deg) scaleX(.5);transform-origin:center left;z-index:1}.side{background-color:#161616;inset:100% 0 calc(var(--size)*-2*var(--magic)) 0;transform:skewX(49deg) scaleY(.5);transform-origin:top center;z-index:1}.btn1:hover{--shift:translate(calc(var(--size)*-2),calc(var(--size)*-2*var(--magic)))}.btn1:active{--shift:translate(0,0)}.btn1:hover .front{transform:skewY(41.25deg) scaleX(1)}.btn1:hover .side{transform:skewX(49deg) scaleY(1)}.btn1:active .front{transform:skewY(41.25deg) scaleX(0)}.btn1:active .side{transform:skewX(49deg) scaleY(0)}:root{font-size:small}body{background-color:#fff;color:#000}
/*# sourceMappingURL=main.f8d87a08.css.map*/