@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap);body{background-color:#d6d1d1}.App{position:fixed;top:0;left:0;margin-top:0;text-align:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;font-family:"Raleway",sans-serif;box-sizing:border-box}.App>h1{width:100vw;height:10vh;background-color:#379683;color:#edf5e1;margin-top:0;line-height:1.5;vertical-align:middle;padding-top:3vh;color:#d6d1d1;font-family:"Titillium Web",sans-serif}.Menu{width:500px;height:500px;border-radius:10px;background-color:#5cdb95;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Menu button{width:300px;height:50px;margin:5px;border:none;border-radius:5px;font-family:"Titillium Web",sans-serif;font-size:18px;font-weight:900;word-spacing:8px;transition:all .2s ease}button:hover{cursor:pointer}.options>button{min-height:60px;margin:5px;border:none;border-radius:5px;width:400px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:auto;font-family:"Titillium Web",sans-serif;font-size:18px;font-weight:900;text-align:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;justify-self:center;transition:all .2s ease;line-height:1.5}.Quiz button:focus,.Quiz button:hover{color:#edf5e1;background-color:#379683}.Quiz{width:500px;height:500px;border-radius:10px;background-color:#5cdb95;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.EndScreen h1,.Menu,.Quiz{color:#05386b}.EndScreen{width:500px;height:500px;border-radius:10px;background-color:#5cdb95;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#lastQuestion,#nextQuestion,.EndScreen,.EndScreen>button{font-family:"Titillium Web",sans-serif;-webkit-justify-content:center;justify-content:center}#lastQuestion,#nextQuestion,.EndScreen>button{width:90%;text-align:center;margin:5px;border:none;border-radius:5px;min-height:50px;font-size:20px;font-weight:1000;transition:all .2s ease}.EndScreen>button:hover,.Menu button:hover{color:#edf5e1;background-color:#379683}h3{color:#379683}@media only screen and (max-width:520px){body{margin:0}.App{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.App,.App>h1{width:100vw;margin:0;border:none;padding:0}.App>h1{height:auto;font-size:34px;font-weight:900}.Menu,.Quiz{width:320px;height:500px;padding:0;margin:40px 0 0}h1{font-size:22px;padding:5px}.options>button{min-width:90%;width:300px;min-height:50px;font-size:16px;text-align:center;-webkit-justify-content:center;justify-content:center;margin:5px 10px;border-radius:5px}.EndScreen{width:320px;height:500px;padding:0;margin:40px 0 0}}
/*# sourceMappingURL=main.b4a612be.chunk.css.map */