#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}.title{text-align:center;font-family:Akshar,sans-serif;font-size:3.5vw;margin-top:30px}.button{text-align:center;height:65px;width:20%;line-height:65px;cursor:pointer;font-size:22px;text-transform:uppercase;color:#f0f0f0;border-radius:30px;border-bottom:4px solid #4D43B2;box-shadow:6px 6px 6px #999;-webkit-user-select:none;user-select:none;background:#393186;transition:background .05s linear;transition:all .05s linear;margin-top:10px;margin-bottom:10px}.button:active{box-shadow:2px 2px 2px #777;border-bottom:1px solid #FFB909;transform:translateY(3px)}.buttonCorrect{text-align:center;cursor:pointer;font-size:3vw;text-transform:uppercase;color:#f0f0f0;border-radius:30px;border-bottom:4px solid #4D43B2;box-shadow:6px 6px 6px #999;-webkit-user-select:none;user-select:none;background:#393186;transition:background .05s linear;transition:all .05s linear;margin-top:10px;margin-bottom:10px}.buttonCorrect:active{box-shadow:2px 2px 2px #777;border-bottom:1px solid #FFB909;transform:translateY(3px)}.buttonIntro{height:75px;line-height:65px;cursor:pointer;font-size:22px;text-transform:uppercase;color:#f0f0f0;border-radius:30px;width:100%!important;text-align:center;margin:10px auto;font-family:Akshar,sans-serif;font-size:2.5vw;border-bottom:4px solid #4D43B2;box-shadow:6px 6px 6px #999;-webkit-user-select:none;user-select:none;background:#393186;transition:background .05s linear;transition:all .05s linear;align-content:center}.buttonIntro:active{box-shadow:2px 2px 2px #777;border-bottom:1px solid #FFB909;transform:translateY(3px)}.subHeadingDiv{width:100%!important;margin:0 auto 20px;font-family:Akshar,sans-serif;display:flex;align-items:center}.subHeading{background-color:#ff6634;padding:10px;color:#fff;font-weight:700;font-size:3vw;display:inline-block;width:70%;border-radius:10px;align-self:center;margin-right:10px}.tableStyle{margin:0 auto;width:100%!important;text-align:center;border-collapse:collapse;font-family:Akshar,sans-serif;font-size:1.5vw;border:2px solid #000000}.tableHeading{border:2px solid #000000;padding:10px}.maintr{border:2px solid #000000;margin-top:10px;margin-bottom:10px}.container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#88888880}.centered-content{background-color:#fff;padding:80px 100px;border-radius:10px}.selectclass{padding:10px 20px;font-size:20px;outline:none;background-color:transparent;border-radius:5px}.mainContainer{flex-direction:column;display:flex;align-items:center;justify-content:center;height:80vh}.titleContainer{display:flex;flex-direction:column;font-size:64px;font-weight:bolder;align-items:center;justify-content:center}.resultContainer,.historyItem{flex-direction:row;display:flex;width:400px;align-items:center;justify-content:space-between}.historyContainer{flex-direction:column;display:flex;height:200px;align-items:center;flex-grow:5;justify-content:flex-start}.buttonContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px}.inputContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.inputContainer>.errorLabel{color:red;font-size:12px}.inputBox{height:48px;width:400px;font-size:large;border-radius:8px;border:1px solid grey;padding-left:8px}