#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}@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{background-color:#000}body{font-family:Courier New,Courier,monospace;color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.8)}}@layer components{.crt{position:relative;text-shadow:0 0 5px rgba(0,255,0,.8)}.crt:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000 50%,#00ff000d 50%);background-size:100% 4px;opacity:.8;pointer-events:none}}.text-input{background-color:#000;color:#0f0;font-family:Courier New,Courier,monospace;border:1px solid #00ff00;padding:8px;font-size:16px;outline:none}.text-input::placeholder{color:green;opacity:.7}.button-dos{border:1px solid #00ff00;background-color:#000;color:#0f0;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:16px;cursor:pointer;text-transform:uppercase;transition:background-color .2s ease-in-out}.button-dos:hover{background-color:#0f0;color:#000}.message-box{font-size:16px;padding:4px;font-family:Courier New,Courier,monospace}