*{box-sizing:border-box;font-size:62.5%}body{height:100%;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.light{background-color:#fff;color:#000}.dark{background-color:#000;color:#fff}.content{flex-direction:column;align-items:center;height:calc(100vh - 6rem)}.content,.content h1{display:flex;justify-content:center}.content h1{font-size:6rem}.spin-content{height:10rem;font-size:8rem;display:flex;align-items:center;justify-content:center}#spin{background:-webkit-linear-gradient(45deg,#d0e90d,#1536f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#spin:after{content:"";-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}@-webkit-keyframes spin{0%{content:"HTML"}30%{content:"CSS"}90%{content:"JAVASCRIPT"}}@keyframes spin{0%{content:"HTML"}30%{content:"CSS"}90%{content:"JAVASCRIPT"}}button{font-size:2rem;margin-top:2rem;border-radius:.5rem}#logo{width:15rem}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:.1rem solid grey;width:100vw;height:6rem}.mob-nav{display:none}.margin-nav-items{margin:0 2rem;font-size:1.5rem}.h-icon{display:none}@media (max-width:600px){.mob-nav{display:flex;flex-direction:column;position:absolute;top:62px;justify-content:center;width:100vw;background-color:#dcdcdc}.mob-nav a{text-decoration:none;text-align:center;padding:.5rem;font-size:2rem;border-bottom:1px solid grey}.h-icon{display:flex;margin-right:1rem}.desktop-nav{display:none}}.option-main-content{height:calc(100vh - 6rem);flex-direction:row;flex-flow:row wrap}.lang-options,.option-main-content{display:flex;justify-content:center;align-items:center}.lang-options{flex-direction:column;flex-wrap:wrap}img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.lang-options p{font-size:4rem}.option-main-content .lang-options img:hover{cursor:pointer}@media (max-width:780px){.lang-options p{font-size:2rem}.lang-options{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap}}.quiz-container{height:calc(100vh - 6rem);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:4rem}.outer-container{height:30rem;width:60rem;display:flex;border:.5rem solid #1536f1;border-radius:1rem}.quiz-container h1{text-decoration:underline}.question{flex:50% 1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:.2rem solid #d0e90d}.question p{font-size:2rem;padding-left:2rem}.answer{display:flex;flex:50% 1;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.answer button:hover{background:-webkit-linear-gradient(45deg,#d0e90d,#1536f1)}.show-score{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.show-score p{font-size:3rem}.show-rules,li{font-size:2rem}.show-rules{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:780px){.outer-container{display:flex;flex-direction:column;width:25rem;height:auto}.show-rules{font-size:1.2rem}}.result-container{height:calc(100vh - 6rem);display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:4rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;grid-row-gap:2rem;row-gap:2rem;flex-wrap:wrap;margin-top:5rem}.answer button:hover{background:none}.correct{background-color:#adff2f}.incorrect{background-color:#ff4500}.main-heading{font-size:2rem;width:100vw;text-align:center}
/*# sourceMappingURL=main.8f4c11f3.chunk.css.map */