@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Roboto:wght@300&display=swap";@import"https://fonts.googleapis.com/css?family=Carter+One";body{font-family:Lato,sans-serif;font-family:Roboto,sans-serif}.App{display:grid;grid-template-areas:". title ." ". game controls";grid-template-columns:repeat(3,1fr)}.start-btn{position:relative;top:0;width:200px;cursor:pointer;text-decoration:none!important;outline:none!important;font-family:Carter One,sans-serif;font-size:20px;line-height:1.5em;letter-spacing:.1em;text-shadow:2px 2px 1px #424242,-2px 2px 1px #424242,2px -2px 1px #424242,-2px -2px 1px #424242,0px 2px 1px #424242,0px -2px 1px #424242,0px 4px 1px #504242,2px 4px 1px #504242,-2px 4px 1px #504242;border:none;margin:15px 15px 30px;background:repeating-linear-gradient(45deg,#424242,#424242 5px,#363636 5px,#363636 10px);border-bottom:3px solid #504242;border-top:3px solid rgba(255,255,255,.3);color:#fff!important;border-radius:8px;padding:8px 15px 10px;box-shadow:0 6px #424242,0 8px 1px 1px #0000004d,0 10px 0 5px #424242,0 12px 0 5px #504242,0 15px 0 5px #424242,0 15px 1px 6px #0000004d}.start-btn:hover{top:2px;box-shadow:0 4px #424242,0 6px 1px 1px #0000004d,0 8px 0 5px #424242,0 10px 0 5px #504242,0 13px 0 5px #424242,0 13px 1px 6px #0000004d}.play-btn{width:100px;height:100px;border:none;border-radius:10px;padding:15px;background:none;background-color:#424242;cursor:pointer}.score{background-color:#424242;width:150px;display:flex;flex-direction:column;align-items:center;color:#fff;padding:10px;border-radius:10px}.score h2{margin:0}.score .title{margin-bottom:10px}.score .number{background-color:#202020;padding:5px 60px;border-radius:10px}.upcoming{background-color:#202020;width:fit-content;padding:20px 40px;border-radius:10px;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:20px}.blocks-container{border-radius:20px;text-align:center;color:#fff;width:fit-content;background-color:#424242;padding:10px}.blocks-container h2{margin:0 0 10px}.cell.empty{background-color:#202020}.cell.hidden{visibility:hidden}.cell.I{background-color:#50e3e6}.cell.J{background-color:#245fdf}.cell.L{background-color:#dfad24}.cell.O{background-color:#dfd924}.cell.S{background-color:#30d338}.cell.T{background-color:#843dc6}.cell.Z{background-color:#e34e4e}h1{text-align:center;grid-area:title}.controls{grid-area:controls;display:flex;flex-direction:column;justify-content:space-between;height:100%}.board{border:2px solid #424242;-webkit-user-select:none;user-select:none;margin:auto;grid-area:game}.row{display:flex}.cell{width:30px;aspect-ratio:1;border:1px solid #424242}