:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#003347;background-color:color(display-p3 0 .2 .3);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100vh;width:100vw}#app{display:flex;justify-content:space-around;flex-direction:column;height:100%;align-items:center}#test{background-color:red;max-height:100cqw;flex-grow:1;aspect-ratio:1/1}canvas{image-rendering:pixelated;max-height:100cqw;flex-grow:1;aspect-ratio:1/1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.card{padding:2em}.read-the-docs{color:#888}a.button-link{margin:1em;display:inline-block;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ff5e9c;background-color:color(display-p3 1 .3 .6);color:#fff;text-decoration:none;cursor:pointer;transition:border-color .25s,background .25s}a.button-link:hover{background-color:#fa0580;border-color:#fff;text-decoration:none}