#root{padding:0!important;margin:0!important}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.container{height:100vh;background-color:#000;width:100vw}.container h1{color:#fff;margin:0;padding:40px 0;font-size:3rem}.main-box{color:#fff;display:inline-block;width:400px;background-color:#803588}.main-box h2{margin:10px;color:#cab964}.main-form{padding:15px 0}.main-form lable{display:block;font-size:1.2rem;margin:4px}.main-form input{width:80%;height:50px;margin-bottom:10px;margin-top:10px;border:2px solid black}.main-form .submit-btn{height:40px;padding:5px 30px;font-weight:700;border:2px solid #31252d;border-radius:20px;cursor:pointer;background-color:#fff;transiont:background-color .5s ease}.main-form .submit-btn:hover{background-color:#b7c071}.hidden{display:none}.result-box table{width:100%}.result-box table td,.result-box table th{border:1px solid white}.loader{display:inline-block;width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.c-flag{display:flex;align-items:center;justify-content:center}.c-flag img{margin-left:20px}#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}