@media only screen and (min-width:300px){.welcome-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-container .rotating-box-vertical{border:2px solid #0cb1c4;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.welcome-container .rotating-box-horizontal,.welcome-container .rotating-box-vertical{height:350px;width:350px;position:absolute;-webkit-animation-duration:25s;animation-duration:25s;z-index:-1}.welcome-container .rotating-box-horizontal{border:2px solid #dd4679;-webkit-animation-name:reverse-spin;animation-name:reverse-spin;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.welcome-container .title{font-size:50px;letter-spacing:18px}.welcome-container .selection-container{display:grid;grid-template-columns:repeat(1fr,2);justify-content:center;align-items:center}.welcome-container .selection-container .selection-text{grid-column-start:1;grid-column-end:2;letter-spacing:2px;padding:10px;font-size:10px}.welcome-container .selection-container form{grid-column-start:2;grid-column-end:3}.welcome-container .selection-container form input{margin:10px}}@media only screen and (min-width:1000px){.welcome-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-container .rotating-box-vertical{border:2px solid #0cb1c4;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.welcome-container .rotating-box-horizontal,.welcome-container .rotating-box-vertical{height:500px;width:500px;position:absolute;-webkit-animation-duration:25s;animation-duration:25s;z-index:-1}.welcome-container .rotating-box-horizontal{border:2px solid #dd4679;-webkit-animation-name:reverse-spin;animation-name:reverse-spin;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.welcome-container .title{font-size:80px;letter-spacing:24px}.welcome-container .selection-container{display:grid;grid-template-columns:repeat(1fr,2);justify-content:center;align-items:center}.welcome-container .selection-container .selection-text{grid-column-start:1;grid-column-end:2;letter-spacing:2px;padding:10px;font-size:14px}.welcome-container .selection-container form{grid-column-start:2;grid-column-end:3}.welcome-container .selection-container form input{margin:10px}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes reverse-spin{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes reverse-spin{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media only screen and (min-width:300px){.single-answer{padding-left:10px;font-size:12px;border:1px solid #eee;margin:5% 0;width:300px;height:30px;display:flex;justify-content:center;flex-direction:column;cursor:pointer;box-shadow:.5px .5px .5px .5px #eee}}@media only screen and (min-width:1000px){.single-answer{font-size:16px;border:1px solid #eee;margin:2.5% 0;width:900px;height:30px;display:flex;justify-content:center;flex-direction:column;cursor:pointer;box-shadow:.5px .5px .5px .5px #eee}}@media only screen and (min-width:300px){.question-container{border:1px solid #ccc;width:350px;height:50vh;box-shadow:2px 2px 2px 2px #eee}.question-container .question-title{font-size:18px;font-weight:100}.question-container form{margin:5%}.question-container form input{width:100px;height:30px;cursor:pointer}}@media only screen and (min-width:1000px){.question-container{border:1px solid #ccc;width:1025px;height:50%;display:flex;justify-content:left;box-shadow:2px 2px 2px 2px #eee}.question-container .question-title{font-size:24px;font-weight:100}.question-container form{margin:5%;position:relative}}@media only screen and (min-width:300px){.results-container{border:1px solid #ccc;width:350px;height:50vh;box-shadow:2px 2px 2px 2px #eee;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.results-container .results-title{font-size:32px;font-weight:100}.results-container .results-title .score-results{font-size:14px;text-align:center}.results-container .results-message,.results-container button{font-size:12px;font-weight:100}.results-container button{width:150px;height:40px}}@media only screen and (min-width:1000px){.results-container{border:1px solid #ccc;width:1025px;height:50vh;box-shadow:2px 2px 2px 2px #eee}.results-container .results-title{font-size:80px;font-weight:100}.results-container .results-title .score-results{font-size:18px;text-align:center}.results-container .results-message{font-size:18px}.results-container button{font-size:24px;font-weight:100;width:250px;height:50px;cursor:pointer}}body{margin:0;padding:0;font-family:Exo;display:flex;justify-content:center;align-items:center;width:100%;height:100vh}
/*# sourceMappingURL=main.7e79d756.chunk.css.map */