@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Quinquefive,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit;position:relative;cursor:pointer;pointer-events:painted}a:hover{color:#535bf2}canvas{overflow:hidden;width:100vw;height:100dvh;left:0;top:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{position:absolute;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.progress-bar{position:fixed;top:0;left:0;width:100%;height:5px;background-color:#f0f0f0;z-index:9999}.progress{height:100%;background-color:#07f;width:0%;transition:width .2s ease-in-out}.progress-text{position:absolute;top:10px;right:10px;font-size:12px;font-weight:700}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.cloudflare{position:absolute;bottom:0;right:0;margin:10px;display:flex;flex-direction:column;pointer-events:none;background:#ffffff95;padding:5px 10px;border-radius:8px;font-size:12px;color:#000;font-family:monospace}@font-face{font-family:Quinquefive;src:url(/fonts/Quinquefive.ttf)}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;color:inherit}body{height:100dvh}.color_white{color:#fff}.text{color:#fff;font-weight:600}h1{font-size:45vw;text-align:center;position:fixed;width:100vw;z-index:1;color:#ffffff26;text-shadow:0 0 60px #064241;top:-0%;transform:translateY(-50%);font-family:Quinquefive,monospace;cursor:no-drop}@media screen and (max-width:749px){h1{top:35%}}#ketik{display:none;border-radius:8px;width:90%;position:relative;top:50%;transform:translateY(-50%);margin:0 auto;padding:30px 30px 10px;z-index:3}.digital{font-family:Font-Digital}#ketik{font-family:Quinquefive,monospace;color:#f5f5f5;font-size:8px;line-height:5;position:absolute;margin:20px;pointer-events:none}span{color:#5f0}i{color:#eb0000}div a{text-decoration:none}b{color:#ff8f00}a.avatar{position:fixed;bottom:15px;right:-100px;-webkit-animation:slide .5s 4.5s forwards;animation:slide .5s 4.5s forwards;display:block;z-index:4}a.avatar img{border-radius:100%;width:44px;border:2px solid #fff}.progress-text{font-family:Quinquefive,monospace}@-webkit-keyframes slide{0%{right:-100px;transform:rotate(360deg);opacity:0}to{right:15px;transform:rotate(0);opacity:1}}@keyframes slide{0%{right:-100px;transform:rotate(360deg);opacity:0}to{right:15px;transform:rotate(0);opacity:1}}.glow{font-size:80px;color:#fff;text-align:center;-webkit-animation:glow 1s ease-in-out infinite alternate;-moz-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073}to{text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6}}@media only screen and (max-width: 768px){#ketik{line-height:2}}