body{font-family:Roboto;background-color:#e0e0e0}body,body #main{margin:0 auto;left:0;top:0;right:0;bottom:0}body #main{width:100%;height:100%;padding:0;display:flex;flex-direction:column;align-items:center}body #main.GameOverScreen{background:red;position:absolute;width:100%;height:100%;animation:fadeToRed .5s ease-out}@keyframes fadeToRed{0%{background:#e0e0e0}to{background:red}}h1{text-shadow:4px 4px 8px rgba(0,0,0,.3),-4px -4px 4px hsla(0,0%,100%,.5);text-align:center;font-size:6vh;margin:2vh}h1,h3{color:#00008b}h3{margin-top:0;margin-bottom:2vh}button,h3{font-size:3vh}button{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2),-6px -6px 12px 0 hsla(0,0%,100%,.5);border:2px solid #bbb;padding:5px;outline:none;font-weight:700;color:#0000cd}button:active{box-shadow:none;box-shadow:inset 6px 6px 10px 0 rgba(0,0,0,.2),inset -6px -6px 10px 0 hsla(0,0%,100%,.5)}div{width:fit-content;align-self:center;margin-left:auto;margin-right:auto}.GameArea{border:2px solid red;background:#4d4d4d;box-shadow:inset 12px 12px 24px 0 rgba(0,0,0,.5),inset -12px -12px 24px 0 rgba(0,0,0,.5)}.GameArea,.GameArea_row{width:fit-content;height:fit-content}.GameArea_row{display:flex}.GameArea_cell{display:flex;align-content:center}.GameArea_cell,.GameArea_cell div{width:3vh;height:3vh;border:0}.GameArea_cell :not(.cell_empty){box-shadow:inset 2px 2px 3px 0 hsla(0,0%,100%,.6),inset -2px -2px 3px 0 rgba(0,0,0,.3),3px 3px 3px rgba(0,0,0,.5)}.GameArea_cell .cell_red{background:red}.GameArea_cell .cell_green{background:green}.GameArea_cell .cell_blue{background:#00f}.GameArea_cell .cell_cyan{background:#0ff}.GameArea_cell .cell_yellow{background:#ff0}.GameArea_cell .cell_magenta{background:#9370db}.GameArea_cell .cell_orange{background:orange}.GameArea_cell .cell_dead{animation:celldeath .5s ease-out;opacity:0}@keyframes celldeath{0%{opacity:1}to{opacity:0;width:20%;height:20%}}.GameOverPanel{position:absolute;left:50%;transform:translateX(-50%);top:40%;font-size:2em;color:red;font-weight:bolder;background-color:#8b0000;opacity:.99;padding:5px;text-shadow:4px 4px 8px #000,-4px -4px 8px hsla(0,0%,100%,.5);box-shadow:inset 12px 12px 24px 0 rgba(0,0,0,.5),inset -12px -12px 24px 0 rgba(0,0,0,.5);animation:expandVertically .5s ease-out;font-size:3vh;overflow:hidden;height:3vh}@keyframes expandVertically{0%{height:0;margin-top:1.5vh}to{height:3vh;margin-top:0}}
/*# sourceMappingURL=/styles.a6202823.css.map */