body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.mind-games{background-color:#282c34;color:#fff;text-align:center;padding:.2rem;margin:0;font-size:2rem;cursor:pointer}.home{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.quizImage{width:50%}.settings{-webkit-flex:.8 1;flex:.8 1;box-sizing:border-box;padding:0 1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.settings h3{-webkit-align-self:center;align-self:center;font-size:2rem;margin:.5rem 0;color:#282c34}.primary{padding:1rem;text-transform:uppercase;font-size:large;font-weight:400;background-color:#282c34;color:#fff;border:none;cursor:pointer;margin-bottom:.5rem}.quizInputs{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:42vh}@media screen and (max-width:800px){.home{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.mind-games{font-size:1.5rem}.quizImage{width:80%}}.errorMessage{background-color:orange}.errorMessage h1{margin:0;font-size:1.5rem;text-align:center;padding:.2rem 0;text-transform:uppercase;color:#282c34}@media screen and (max-width:800px){.errorMessage h1{font-size:.8rem}}.greetingMessage{text-align:center;padding:1rem}.greetingMessage h1{margin:0;color:#282c34}.scoreAndQuizName{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:1rem;margin:0 1rem}.scoreAndQuizName h2{margin:0}@media screen and (max-width:800px){.greetingMessage h1{font-size:1.5rem}}.options,.questionCard{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:1rem}.options{height:30vh;-webkit-justify-content:space-between;justify-content:space-between}.option:disabled{cursor:default}.option{padding:.5rem;border:none;cursor:pointer}.select{background-color:#72d872;color:#fff}.wrong{background-color:#ee2525;color:#fff}.buttons{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 2rem}.button{border-radius:10px;width:30%;border:none;padding:.5rem;font-size:1rem;font-weight:700;cursor:pointer}.question h1{margin:0;font-size:1rem;padding:1rem;box-sizing:border-box}@media screen and (min-width:700px){.options{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 5rem}.option{padding:.5rem;width:40%;margin-right:1rem;box-sizing:border-box;font-size:1.5rem;color:#282c34;font-weight:700;margin-bottom:1rem;height:10vh}.question h1{text-align:center;font-size:1.5rem;padding:2rem}.buttons{padding:0 10rem}.button{padding:1rem}.errorOption{width:60%;margin:0 auto 1rem}}.resultBoxes{background-color:#000;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:70%;height:35vh;padding:1rem 1rem 0;-webkit-justify-content:space-between;justify-content:space-between;margin:8rem auto 0}.resultBox{width:48%;box-sizing:border-box;margin-bottom:1rem}.congratulations,.resultBox{background-color:#282c34;padding:1rem;color:#fff}.congratulations{width:60%;margin:1.5rem auto 0}.congratulateMessage{margin:0;padding:1rem 0;text-transform:capitalize;font-size:1.5rem}.resultBox{position:relative}.percentage{width:150px;height:150px;border-radius:50%;background-color:#282c34;color:#fff;position:absolute;top:2rem;left:2rem;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1rem;margin:.5rem auto;background-color:#4b5563}.percentage h3{text-align:center}@media screen and (max-width:800px){.resultBoxes{width:80%;margin-top:5rem}.congratulations{width:80%;margin-top:.8rem}.percentage{width:60px;height:60px;top:3rem;right:-10rem}}
/*# sourceMappingURL=main.e5e19a59.chunk.css.map */