body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}html{font-size:4vh;background-color:#404040;color:#fff}body,html{height:100%;font-family:"Courier New",Courier,monospace}body{background-image:url(/tetris/static/media/background.28ea90a9.webp);background-size:cover}#root,body{display:flex}#root{margin:auto}.frame{padding:.5rem;background:rgba(64,64,64,.7);border-color:rgba(90,90,90,.7) rgba(51,51,51,.7) rgba(39,39,39,.7) rgba(77,77,77,.7);background-clip:padding-box}.frame,.frame .frame-content{border-style:solid;border-width:2px}.frame .frame-content{border-color:rgba(39,39,39,.7) rgba(77,77,77,.7) rgba(90,90,90,.7) rgba(51,51,51,.7);background-clip:padding-box}main{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}main .playfield{background-color:rgba(0,0,0,.5);width:min-content;margin:auto;grid-row:1/2;grid-column:1/2}main .controls,main .countdown{grid-row:1/2;grid-column:1/2;display:flex;flex-direction:column;margin:auto;font-size:1.5rem}main .controls button{padding:.5rem 1rem;font-size:1.5rem;border-radius:.25rem;cursor:pointer}main .controls button:focus{outline:none}@keyframes blink{50%{opacity:0}}.row{display:flex;width:min-content;margin:auto}.row .I,.row .J,.row .L,.row .O,.row .S,.row .T,.row .Z{border-width:2px;border-style:solid;border-radius:2px}.row div.I{background:teal;border-color:#00b3b3 #066 #004d4d #099}.row div.O{background:#ccad00;border-color:#ffd900 #b39800 #998200 #e6c300}.row div.T{background:#c0c;border-color:#f0f #b300b3 #909 #e600e6}.row div.S{background:green;border-color:#00b300 #060 #004d00 #090}.row div.Z{background:#c00;border-color:red #b30000 #900 #e60000}.row div.J{background:#02c;border-color:#002bff #001eb3 #001a99 #0026e6}.row div.L{background:#c60;border-color:#ff8000 #b35900 #994d00 #e67300}.row.clearing div{animation:blink .125s linear infinite}.playfield .row:first-child{display:none}.playfield .row:nth-child(2) div{height:.5rem;border-top:none}.playfield .row:nth-child(2) .ghost-piece{height:calc(.5rem - 2px);border-top:none}.playfield .row div{width:1rem;height:1rem}.playfield .row .ghost-piece{width:calc(1rem - 2px);height:calc(1rem - 2px);margin:1px;border:1px dashed #fff}.frame-content{width:calc(3rem + 4px)}.frame-content.next-tetrominos{height:calc(6rem + 4px)}.frame-content.hold{height:calc(2rem + 4px)}.small-tetromino{padding:.5rem;height:2rem;width:3rem}.small-tetromino .row div{width:.5rem;height:.5rem;border-width:1px;border-radius:1px}.small-tetromino:nth-child(2) div,.small-tetromino:nth-child(3) div{opacity:.8}h1{text-align:center;padding:0;margin:.125rem 0}.lines,h1{font-size:.5rem}.lines{text-align:right;padding:4px}
/*# sourceMappingURL=main.c0b52aff.chunk.css.map */