@font-face{font-family:"scramble";src:url("../fonts/scramble-kvbe-webfont.woff2") format("woff2"),url("../fonts/scramble-kvbe-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"openSans";src:url("../fonts/OpenSans-Regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"openSans";src:url("../fonts/OpenSans-Bold-webfont.woff") format("woff");font-weight:bold;font-style:normal}:root{font-family:"openSans",Helvetica,Arial,sans-serif;font-weight:400;font-size:16px}body{margin:0;padding:0;position:relative;line-height:1.5;background-image:-webkit-gradient(linear, left top, left bottom, from(#5bbd2a), to(#1c3a0d));background-image:linear-gradient(to bottom, #5bbd2a, #1c3a0d)}.container{max-width:960px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.title h1{color:#fff;font-family:"scramble",Arial,Helvetica,sans-serif;text-align:center;position:relative}.title h1:before{content:"speed";position:absolute;font-size:.5em;top:-1em;left:0;font-family:"open sans",Helvetica,Arial,sans-serif;text-transform:uppercase;font-style:italic}.title h1:after{content:"Timer";position:absolute;font-size:.5em;bottom:-1em;right:0;font-family:"open sans",Helvetica,Arial,sans-serif;text-transform:uppercase;font-style:italic}.title h1 span.tm{font-size:.6em;vertical-align:top}.rules{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;color:#fff}.rules label#hamburger{margin-left:20px}.rules label#hamburger:hover{cursor:pointer}.control{display:grid;grid-template-columns:1fr 1fr;width:75%;margin:0 auto}.control .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control .button-container button#game-button{background:#ff0;background:-webkit-gradient(linear, right top, left top, from(hsl(44deg, 46%, 54%)), color-stop(1%, hsl(44deg, 46%, 54%)), color-stop(2%, hsl(44deg, 51%, 56%)), color-stop(24%, hsl(44deg, 51%, 56%)), color-stop(25%, hsl(39deg, 50%, 54%)), color-stop(48%, hsl(44deg, 46%, 54%)), color-stop(49%, hsl(39deg, 50%, 54%)), color-stop(52%, hsl(40deg, 45%, 52%)), color-stop(53%, hsl(40deg, 45%, 52%)), color-stop(54%, hsl(40deg, 48%, 53%)), color-stop(55%, hsl(40deg, 45%, 52%)), color-stop(56%, hsl(40deg, 45%, 52%)), color-stop(57%, hsl(40deg, 48%, 53%)), color-stop(58%, hsl(40deg, 45%, 52%)), color-stop(73%, hsl(40deg, 45%, 52%)), color-stop(74%, hsl(40deg, 48%, 53%)), color-stop(98%, hsl(40deg, 48%, 53%)), to(hsl(38deg, 51%, 54%)));background:linear-gradient(to left, hsl(44deg, 46%, 54%) 0%, hsl(44deg, 46%, 54%) 1%, hsl(44deg, 51%, 56%) 2%, hsl(44deg, 51%, 56%) 24%, hsl(39deg, 50%, 54%) 25%, hsl(44deg, 46%, 54%) 48%, hsl(39deg, 50%, 54%) 49%, hsl(40deg, 45%, 52%) 52%, hsl(40deg, 45%, 52%) 53%, hsl(40deg, 48%, 53%) 54%, hsl(40deg, 45%, 52%) 55%, hsl(40deg, 45%, 52%) 56%, hsl(40deg, 48%, 53%) 57%, hsl(40deg, 45%, 52%) 58%, hsl(40deg, 45%, 52%) 73%, hsl(40deg, 48%, 53%) 74%, hsl(40deg, 48%, 53%) 98%, hsl(38deg, 51%, 54%) 100%);background-position:center;background-repeat:no-repeat;width:6rem;aspect-ratio:1/1;border:none;position:relative;overflow:hidden;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;margin:0}.control .button-container button#game-button p#button-text{font-size:3em;margin:auto}.control .button-container button#game-button #sub-text{position:absolute;bottom:0;right:0;margin:.5em;font-size:1rem}.control #replay-button{display:none}.control .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid gray;color:#fff;font-size:1.2em;font-weight:600;padding-left:2em}.control .message i#spinner{margin-left:1em;-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;display:none}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:1em}.search input#check{padding:5px;text-transform:uppercase;letter-spacing:1.2px;font-weight:bold;font-family:"openSans",Helvetica,Arial,sans-serif}.search input#word{margin-right:20px;border-radius:5px;padding:5px;letter-spacing:1.2px}.search p.search-result{color:#fff;margin:5px 0;height:60px;overflow-y:auto}.inputValid{background-color:#adff2f}.inputVoid{background-color:red}.volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.volume img#sound-icon{height:1.4em}.volume p.toggle{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;color:#fff}.volume p.toggle>*{margin:0 10px}.volume p.disclaimer{padding:0 4em;font-size:.6em;color:#8b8a8a}.volume p.disclaimer:hover{cursor:pointer}.rules-message{position:absolute;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:0;left:0;background:rgba(255,255,255,.975);width:100%;height:100vh;padding:2em;-webkit-box-sizing:border-box;box-sizing:border-box}h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.close{font-size:2em;font-family:"scramble",Arial,Helvetica,sans-serif;font-weight:800}.close:hover{cursor:pointer}.disclaimer-message{position:absolute;display:none;top:0;left:0;background:#fff;width:100%;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:.8em}.disclaimer-message p{max-width:50%}.finish-splash{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0);z-index:2;top:0;left:0;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:flash 2s;animation:flash 2s;-webkit-animation-iteration-count:5;animation-iteration-count:5;display:none}@-webkit-keyframes flash{0%{border:20px solid red}100%{border:none}}@keyframes flash{0%{border:20px solid red}100%{border:none}}@media only screen and (max-width: 450px){#checkForm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.search-result{text-align:center}.search input#word{margin-right:0}.search input#check{margin-bottom:1em}}