#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}*{font-family:Roboto Mono,monospace}body{background-color:#1e1e1e;color:#fff;display:flex}main{width:100%}textarea{margin-top:10px;padding:10px;background-color:#323233;width:100%;border:20px #323233;color:#fff;font-size:large}input[type=text]{margin-top:10px;padding:10px;background-color:#323233;border:20px #323233;color:#fff;font-size:large}select{margin-top:10px;padding:10px;width:100;background-color:#323233;border:15px #323233;color:#fff}textarea:focus,input[type=text]:focus{outline:0px}@media screen and (max-width: 800px){.left,.main,.right{width:100%}}#key{width:350px}.small{color:#7d7d7d;font-size:small}.underlined{text-decoration:underline}p{text-align:justify}.center{text-align:center}