@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Foldit:wght@500&family=Micro+5+Charted&family=Pixelify+Sans:wght@600&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,900;1,700&display=swap";#root{max-width:1920px;margin:0 auto;padding:2rem;text-align:center;display:flex;justify-content:center}.headerName{color:#000;font-family:"Micro 5 Charted";font-size:100px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.results{margin-top:40px;align-items:center;justify-content:center}.input{color:#8394b4;font-size:15px}.responseBox{display:flex;flex-direction:column;justify-content:center;background-color:#fff;width:400px;color:#000;padding:30px;border-radius:3px;border:2px solid rgb(236,233,233)}.responseBox,p{font-family:poppins;font-size:30px}.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}.userInput{display:flex;justify-content:space-around;width:100%;gap:10px}.mainContainer{display:flex;justify-content:center;flex-direction:column;width:800px}.btn{background-color:#11b98f;width:300px;height:50px;border:none;color:#fff}:root{font-family:poppins;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;place-items:center}