*{font-family:Arial,Helvetica,sans-serif;text-align:center}.header{background-color:#afe4e4;border-bottom:2px solid #000;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);margin:auto;opacity:80%}span{color:#704cb6}.start-btn{background-color:#704cb6;border:2px solid #000;border-radius:15px;box-shadow:0 5px #2d3b6a;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out;width:200px}.start-btn:active{box-shadow:inset 0 2px #2d3b6a;transform:translateY(3px)}.about-btn{background-color:#704cb6;border:2px solid #000;border-radius:15px;box-shadow:0 5px #2d3b6a;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out;width:200px}.about-btn:active{box-shadow:inset 0 2px #2d3b6a;transform:translateY(3px)}.about-box{margin:auto;width:85%}.optioncontainer{display:flex;flex-direction:column;margin:20px auto;overflow:hidden;width:50%}.number{border:1px solid #000;border-radius:10px;display:flex;margin:auto;padding:10px 0;width:-webkit-fill-available;width:-moz-available;width:stretch}.number,select{background-color:#afe4e4}select{border-radius:10px;padding:10px}label{color:#2d6a31;line-height:30px;margin:auto;width:100%}.options,label{display:flex;flex-direction:column}.submitbtn{background-color:#368080;border:2px solid #2d6a31;border-radius:15px;box-shadow:0 5px #2d6a31;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:5px auto;padding:10px 15px;transition:all .1s ease-in-out;transition:all .2s ease-in-out;width:100%}.submitbtn:active{box-shadow:inset 0 2px #2d6a31;transform:translateY(3px)}.back-btn{background-color:#368080;border:2px solid #2d6a31;border-radius:15px;box-shadow:0 5px #2d6a31;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:5px auto;padding:10px 15px;text-decoration:none;transition:all .1s ease-in-out;transition:all .2s ease-in-out;width:-webkit-fill-available;width:-moz-available;width:stretch}.back-btn:active{box-shadow:inset 0 2px #2d6a31;transform:translateY(3px)}.questionCard{margin:40px auto;max-width:80%}.answersbox,.questionCard{display:flex;flex-direction:column}.answersbox{border-radius:30px}.inactive{background-color:#704cb6;border:2px solid #000;border-radius:15px;box-shadow:0 5px #2d3b6a;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.active,.inactive{display:flex;font-size:16px;justify-content:center;margin-top:20px;min-width:20%;padding:10px 15px;width:auto}.active{background-color:#deb887;border-color:#ad7223;border-radius:15px;box-shadow:inset 0 2px #ad7223;color:#000;transform:translateY(3px)}.actionbox{display:flex}.endquizbutton{background-color:#368080;border:2px solid #2d6a31;border-radius:15px;box-shadow:0 5px #2d6a31;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;transition:all .1s ease-in-out;transition:all .2s ease-in-out;width:200px}.endquizbutton:active{box-shadow:0 2px #2d6a31;transform:translateY(3px)}.nextbutton{background-color:#368080;border:2px solid #2d6a31;border-radius:15px;box-shadow:0 5px #2d6a31;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;transition:all .1s ease-in-out;transition:all .2s ease-in-out;width:200px}.nextbutton:active{box-shadow:inset 0 2px #2d6a31;transform:translateY(3px)}.results{margin:20px auto;max-width:90%}.reset-btn{background-color:#368080;border:2px solid #2d6a31;border-radius:15px;box-shadow:0 5px #2d6a31;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;transition:all .1s ease-in-out;transition:all .2s ease-in-out;width:200px}.reset-btn:active{box-shadow:inset 0 2px #2d6a31;transform:translateY(3px)}.incorrect{background-color:#ffbcbc}.correct,.incorrect{border-bottom:2px solid #000;border-radius:15px;box-shadow:2px 2px 2px #777;padding-bottom:5px;padding-top:10px}.correct{background-color:#afe4e4}.yourscore{background:#fff;color:#000;display:inline-block;font-size:3em;font-weight:700;position:relative}.yourscore:after,.yourscore:before{animation:steam 20s linear infinite;background:linear-gradient(45deg,#fb0094,#00f,#0f0,#ff0,red,#fb0094,#00f,#0f0,#ff0,red);background-size:400%;content:"";height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}@keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.yourscore:after{filter:blur(50px)}.about-box{align-items:center}.home-btn,.navbar{display:flex}.home-btn{background-color:#704cb6;border:2px solid #000;border-radius:15px;box-shadow:0 5px #2d3b6a;color:#fff;cursor:pointer;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out;width:200px}.home-btn:active{box-shadow:inset 0 2px #2d3b6a;transform:translateY(3px)}.option-btn{align-items:center;background-color:#704cb6;border:2px solid #000;border-radius:15px;box-shadow:0 5px #2d3b6a;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px auto;min-width:20%;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out;width:200px}.option-btn:active{box-shadow:inset 0 2px #2d3b6a;transform:translateY(3px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.97a29065.css.map*/