@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-color: #1a1b26;--text-color: #a9b1d6;--border-color: #414868;--accent-blue: #7aa2f7;--accent-red: #f7768e;--accent-yellow: #e0af68;--accent-green: #9ece6a}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:VT323,monospace;font-size:1.3rem;display:flex;justify-content:center}#root{width:100%;max-width:700px;padding:80px 20px}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-blue);text-decoration:underline}pre{margin:0;line-height:1.1;font-family:inherit}#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}.ascii-box{border:1px solid var(--border-color);border-top:none;position:relative;margin-top:50px;padding:30px 20px;text-align:center}.ascii-box:before{content:"";position:absolute;top:0;left:0;width:15px;height:1px;background:var(--border-color)}.ascii-box:after{content:"";position:absolute;top:0;right:0;left:110px;height:1px;background:var(--border-color)}.ascii-box-title{position:absolute;top:-12px;left:18px;color:var(--accent-blue);font-size:.9rem;padding:0 5px}.ascii-box-content{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}