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}.header{position:relative;margin:auto;justify-content:center;align-items:center;display:grid;grid-template-columns:auto auto auto}.user{width:90px;height:90px;border:2px solid #000;background:url(/static/media/person.9beb29b4.png);background-size:90px;border-radius:50%}.time,.user{position:relative;margin:12px}.time{width:40vw;height:3vh;border:2px solid #000;border-radius:50px}.animate,.remaining{width:40vw;height:3vh;background:#1ce41c;border-radius:50px}.animate{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:15s;animation-duration:15s}@-webkit-keyframes timer{0%{width:40vw}1%{width:39vw;border-top-right-radius:0;border-bottom-right-radius:0}25%{background:#2bff00}50%{background:#ff0}75%{background:red}to{width:0;border-top-right-radius:0;border-bottom-right-radius:0;background:red}}@keyframes timer{0%{width:40vw}1%{width:39vw;border-top-right-radius:0;border-bottom-right-radius:0}25%{background:#2bff00}50%{background:#ff0}75%{background:red}to{width:0;border-top-right-radius:0;border-bottom-right-radius:0;background:red}}.score{width:80px;height:80px;position:relative;border:2px solid #000;margin:1.2vw;text-align:center;box-shadow:3px 5px 2px #252424}.score_val{text-align:center;font-size:40px}@media (max-width:420px){.user{background-size:60px;border-radius:50%;margin:8px}.score,.user{width:60px;height:60px}.score{margin:1vw}.score_val{font-size:30px}.time{margin:5px}.animate,.remaining,.time{width:45vw;height:2vh}@-webkit-keyframes timer{0%{width:45vw}1%{width:44vw}25%{background:#2bff00}50%{background:#ff0}75%{background:red}to{width:0;background:red}}@keyframes timer{0%{width:45vw}1%{width:44vw}25%{background:#2bff00}50%{background:#ff0}75%{background:red}to{width:0;background:red}}}.keyword{margin:auto;width:40px;height:50px;position:relative;font-size:40px;border:2px solid #2482fc;border-radius:50%;background:#2482fc;box-shadow:-2px 4px 2px #252424;font-family:"Sriracha",cursive;padding:0 15px 15px}.keyword,input{text-align:center}input{margin-top:1px;width:20vw;box-shadow:2px 4px 2px #252424;height:65px;margin-left:-43vw;font-family:"Caveat",cursive;font-size:30px}@media (max-width:420px){input{width:45vw;margin-left:-24vw;font-size:25px}}.inputbox{display:grid;grid-template-columns:auto auto;margin:24px}.option{width:15vw;height:50px;text-align:center;position:relative;font-size:35px;border:2px solid #2482fc;border-radius:15px;background:#2482fc;padding:0 19px 19px;box-shadow:2px 4px 2px #252424;color:#f80;font-style:italic;margin:auto 20vw auto auto;font-family:"Cairo",sans-serif}@media (max-width:420px){.inputbox{margin:30px 30px 30px 17px}.option{width:25vw;font-size:28px;padding:7px 24px 24px;text-align:center;height:38px}}.Restart{border:2px solid #000;width:450px;height:450px;background:url(/static/media/fox-background.12aea1ed.jpg);background-size:100%;z-index:2;top:22%;left:33%;position:absolute;opacity:1;box-shadow:5px 7px 2px #252424}.out-heading{position:relative;margin-left:11%;font-size:70px}.score-heading{position:relative;margin-left:45%;font-size:15px;margin-top:10%}#out{display:flex;justify-content:center;font-size:55px;margin-top:-2%}#out,#try-again{position:relative}#try-again{margin-left:22%;margin-top:5%;width:250px;height:70px;border-radius:15px;font-size:35px;font-family:"Sriracha",cursive}@media (max-width:420px){.Restart{width:260px;height:260px;top:22%;left:12%}.out-heading{margin-left:10%;font-size:40px}.score-heading{margin-left:45%;font-size:14px;margin-top:-8%}#out{font-size:50px;margin-top:-2%}#try-again{margin-left:9%;margin-top:-8%;width:210px;height:70px}}.container{background:#fff;position:absolute;z-index:-1;left:10%;opacity:.9}.container,.containeredit{margin:auto;border:2px solid #000;width:80vw;height:95vh;box-shadow:5px 7px 2px #252424}.containeredit{background:#e49090;justify-content:center;position:relative;align-items:center}.text{text-align:center;position:relative;font-size:4.5vw;font-family:"Sriracha",cursive}@media (max-width:420px){.container{margin:0;border:none;width:100vw;height:95vh;box-shadow:none;left:0;z-index:-2;opacity:.8}}.App{text-align:center}body{margin:2vh;background:url(/static/media/background.d00086b6.jpg);height:auto;background-size:107%}@media (max-width:420px){body{background:url(/static/media/breakfast.347b2fb9.jpg);background-size:100%;background-repeat:no-repeat;margin:0;background-size:112%;height:10vh}}
/*# sourceMappingURL=main.6405175c.chunk.css.map */