@import"https://use.typekit.net/tsl8ipn.css";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}body{font-family:futura-pt,sans-serif;color:#fff}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:800}.flip-card{background-color:transparent;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d;display:grid}.flip-card-inner>*{grid-area:1/1}.flip-card-front,.flip-card-back{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{position:relative;background:linear-gradient(0deg,#00000068,#fff0 37%)}.flip-card-back{transform:rotateY(180deg);background:#000}.flip-card>.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card>.flip-card-inner.flipped svg{opacity:0;transition:opacity 20ms}html{background:#000;scroll-behavior:smooth;overflow-x:hidden}header{width:375px;margin:0 auto;padding:2rem}footer{text-align:right;font-size:.75rem;opacity:.4}svg{font:700 96px futura-pt,serif;width:95%;transition:opacity 2s}svg>text{fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:round;text-transform:uppercase}section{margin-bottom:2rem}footer{margin-top:2rem;padding:1rem}.asset-card{margin-inline:auto;outline:2px solid white;display:grid;gap:2rem;width:fit-content;aspect-ratio:4/3;padding:1rem;border-radius:.25rem}.asset-list{text-align:left;width:fit-content;margin-inline:auto;margin-block:1rem;columns:2;column-gap:3rem}@media (min-width: 768px){.asset-list{columns:3}}.asset-list li{padding-block-end:.5rem}.asset-list a{display:block;color:#fff;text-decoration:none;padding:1rem;transition:all .2s;border-radius:.25rem;break-inside:avoid}.asset-list a:hover{color:#000;background-color:#fff}