html{-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}body{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;background-color:#111;height:100vh;overflow-y:hidden}h3{-webkit-box-flex:0;-ms-flex:0 1 16%;flex:0 1 16%;height:auto;text-align:center;font-family:'Odibee Sans',cursive;color:#7d7c09;font-size:30px;margin:12px}ul{list-style:none;padding:0}li{text-transform:capitalize;font-family:'Odibee Sans',cursive;font-size:23px;margin:3px 0 3px 0}img{height:24px}.instructions{background-color:rgba(0,212,255,.8);position:absolute;padding:29px;border-radius:4px;display:none;top:30%;font-family:Cairo,sans-serif}.instructionBtn,.reset,.restart{background-color:#0ff;border:0;border-radius:4px;padding:5px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;font-family:Cairo,sans-serif}.instructionBtn:hover{background-color:rgba(0,212,255,.4);color:#0ff;border:solid 1px #0ff}#one,#two{font-family:Cairo,sans-serif}:focus{outline:transparent}.pauseMenu{position:absolute;width:138px;height:110px;display:none;-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;-ms-flex-pack:distribute;justify-content:space-around;padding:10px;background-color:rgba(95,205,183,.51);border:solid #000 2px;border-radius:15px}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit;width:232px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:2;flex-shrink:2;height:100%}.grid{border-radius:9%;border:solid 1px rgba(57,29,180,.589);-webkit-transition:border 2s;-o-transition:border 2s;transition:border 2s;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:3;flex-shrink:3;height:20px;width:20px}.tetromino{background:-o-linear-gradient(45deg,#020024 0,#090979 35%,#00d4ff 100%);background:linear-gradient(45deg,#020024 0,#090979 35%,#00d4ff 100%)}.mini-grid .tetromino{-webkit-animation:spin 6s linear infinite;animation:spin 6s linear infinite}.mini-grid{width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:50px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.nextShape{width:18px;height:18px;border:solid #7d7c09 1px;border-radius:2px}.main-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-height:90%;width:76%;margin-top:4%;margin-left:15px}.scoreStartStopWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;height:100vh;width:auto;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:5%}#startBtn{background-color:transparent;border:0;color:#7d7c09;min-height:20px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;font-family:'Odibee Sans',cursive;padding:4px}#startBtn:hover{border:solid 1px #7d7c09;background-color:#ff0;color:#000}.yellowFlash{border:solid 1px #7d7c09}.mobile-controls button{background-color:#1e90ff;border:none;padding:8px 9px;cursor:pointer;width:84%;margin:4px}.mobile-controls{position:absolute;top:90%;display:none;width:100%}button img{margin:5px}#uno{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#dos{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}#three{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#four{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (max-width:333px){.grid{height:17px;width:9%}.mobile-controls{display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (max-width:600px){h3{font-size:19px}.main-wrapper{min-width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.scoreStartStopWrap{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.instructionBtn{position:absolute;top:20px;left:82px}.mobile-controls{display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (max-width:309px){.grid{height:15px;width:8.5%}.mobile-controls{display:-webkit-box;display:-ms-flexbox;display:flex}}