@import"https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Itim&display=swap";html{background-color:#e9ecef}#root{display:flex;justify-content:center}.app{display:grid;grid-template-areas:". title ." ". game controllers ";grid-template-columns:repeat(2,1fr)}h1{text-align:center;grid-area:title;font-size:48px;--color-title: #222222;font-family:Itim,cursive}h2{font-family:Berkshire Swash,cursive}.controls{grid-area:controls}.board{user-select:none;grid-area:game}.row{display:flex}.upcoming{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:10px;border:#222222 solid 2px;padding:10px;background-color:#f2f2f2}.cell{width:30px;aspect-ratio:1;border:.05px black solid}.cell.hidden{visibility:hidden}.cell.Empty{background-color:#f2f2f2}.cell.I{background-color:#0496ff}.cell.J{background-color:#85b6ce}.cell.L{background-color:#64a8a8}.cell.O{background-color:#9d4edd}.cell.S{background-color:#45681e}.cell.T{background-color:#ff9e00}.cell.Z{background-color:#362904}.button{align-self:center;background-color:#fff;background-image:none;background-position:0 90%;background-repeat:repeat no-repeat;background-size:4px 3px;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:2px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:Neucha,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:.75rem;text-decoration:none;transition:all 235ms ease-in-out;border-radius:255px 15px 225px/15px 225px 15px 255px;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-family:Berkshire Swash,cursive;font-family:Itim,cursive;font-size:18px}.button:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0);background-color:#eef3ff}.button:focus{box-shadow:#0000004d 2px 8px 4px -6px}@media screen and (max-width: 800px){.app{display:flex;flex-direction:column}.upcoming{display:flex;justify-content:space-around}}@media screen and (max-width: 700px){.app{display:flex;flex-direction:column}h1{font-size:24px}h2{font-size:18px}.cell{width:20px}.upcoming{display:flex;justify-content:space-around}}