*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:root{font-size:62.5%}body{background:#000 url("../img/double-bubble-dark.png") repeat;font-size:1.9rem;font-family:Arial, Helvetica, sans-serif}.container{width:70%;margin:5rem auto;border-radius:5px;background:#fff;padding:2.5rem}.grey{background:#666;color:#fff}header .actionsForm{display:-webkit-box;display:-ms-flexbox;display:flex}header .actionsForm section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(25% - 2.5rem);margin:0 1.5rem}header .actionsForm section>*{display:block;width:100%;text-align:center;margin:0.5rem 0}header input[type='checkbox']{width:auto}header button,header input[type='checkbox']{cursor:pointer}header button{border:none;border-radius:0;border-radius:5px;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.3);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.3)}header button.red{background:#ff8080;color:#fff}header button.red:hover{background:#ff1a1a}header button.red:active{background:#e60000}header button.green{background:#80ff80}header button.green:hover{background:#1aff1a}header button.green:active{background:#00e600}header button.yellow{background:#ffff80}header button.yellow:hover{background:#ffff1a}header button.yellow:active{background:#e6e600}header button:active{-webkit-box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.3);box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.3)}main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:2.5rem 0}main section{-ms-flex-preferred-size:100%;flex-basis:100%}main div,main section,main input{margin:0.5rem 0;border-radius:5px}main .textInputSection{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}main .textInputSection>*{-ms-flex-preferred-size:100%;flex-basis:100%}main .textScreen{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}main .textScreen .timerCount{-ms-flex-preferred-size:10%;flex-basis:10%}main .textScreen .title{-ms-flex-preferred-size:90%;flex-basis:90%}main .textScreen .textContainer{-ms-flex-preferred-size:100%;flex-basis:100%;border:1px solid #444;padding:2.5rem;max-height:20rem;overflow-y:scroll}main .textInputSection .textInput{height:5rem;padding:0 2rem;border:1px solid #444}.resultsDiv{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.resultsDiv section{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid rgba(0,0,0,0.4);border-radius:5px;text-align:center;padding:2rem;height:15rem;-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;word-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.resultsDiv section.red{background:#ffb3b3;color:#900}.resultsDiv section.green{background:#b3ffb3;color:#090}.resultsDiv section.blue{background:#b3b3ff;color:#009}footer{position:absolute;background:#ddd;text-align:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:4rem;width:100%}footer a{text-decoration:none;color:#444;border-bottom:0.3rem solid #0f96e4}footer a:hover{color:#0f96e4}.right{background:#b3ffb3}.wrong{background:#ffb3b3}
/*# sourceMappingURL=styles.css.map */