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}*{color:#fff;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;}.quiz{align-items:center;background-color:#7cc6fe;display:flex;justify-content:center;min-height:100vh}.app{background-color:#252d4a;border-radius:15px;box-shadow:10px 10px 42px 0 #000000bf;padding:20px;white-space:pre-line}.score-section{align-items:center;font-size:24px}.score{color:#f33;display:inline;font-size:30px}.score-timer{align-items:center;display:flex;font-size:18px;justify-content:center}.result{border:5px solid #234668;border-radius:24%;color:#04a312;font-size:24px;padding:20px}.result,.result .var{display:flex;justify-content:right}.result .var{font-size:16px}.code-section{align-items:center;color:#f33;display:flex;height:200px;justify-content:center}input{color:#000}.border{border:3px solid;border-radius:15px;color:#f33;padding:5px}.question-section{position:relative;width:100%}.question-count{margin-bottom:20px}.question-count span{font-size:28px}.question-text{word-wrap:normal;margin-bottom:12px}.timer-text{background:#e6990c;border:5px solid #ffbd43;border-radius:15px;margin-right:20px;margin-top:20px;padding:15px;text-align:center}.answer-section{display:flex;flex-direction:column;justify-content:space-between;width:100%}button{word-wrap:break-word;align-items:center;background-color:#252d4a;border:5px solid #234668;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;justify-content:flex-start;padding:5px;width:100%}.correct{background-color:#2f922f}.incorrect{background-color:#f33}button:hover{background-color:#555e7d}button:focus{outline:none}button svg{margin-right:5px}.navbar{background-color:#555;overflow:auto;width:100%}.navbar a{color:#fff;float:left;font-size:17px;padding:12px;text-align:center;text-decoration:none}.navbar a:hover{background-color:#000}.active{background-color:#04aa6d}@media screen and (max-width:500px){.navbar a{display:block;float:none}}.btn-primary.Iselected{background-color:#073d8d}@media (min-width:333px) and (max-width:575px){.custom-col{flex-basis:16.666667%;max-width:16.666667%}}@media (min-width:333px){#root{min-width:270px}}@media (min-width:576px){#root{min-width:500px}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}.spinner-container{align-items:center;display:grid;height:350px;justify-content:center}
/*# sourceMappingURL=main.9fef07d6.css.map*/