:root{font-family:"Press Start 2P",monospace;line-height:1.5;font-weight:400;color:#fff;background-color:#161616}.title{font-size:50px}.instructions{text-align:center;font-family:Orbitron,sans-serif;color:#fff}.instructions h2{font-size:20px;margin-bottom:10px}.instructions ul{list-style-type:none;padding:0}.instructions li{font-size:15px;line-height:20px}.instructions .arrow{font-weight:700;display:inline-block;background-color:#272727;border:2px solid #ffffff;border-radius:6px;padding:.05rem .65rem;font-family:monospace;font-size:20px;margin:0 2px}.board{display:flex;flex-direction:column;border:4px solid #cacacf;border-radius:5px;-webkit-user-select:none;user-select:none;margin:auto;width:fit-content}.button{font-weight:700;margin:15px 10px;padding:10px 15px;border:5px none #cacacf;border-radius:3px;background-color:#cacacf;font-family:"Press Start 2P",monospace}.button:hover{color:#fff;background-color:#161616;border:2px solid #ffffff;transform:scale(1);transition:all .3s}.row{display:flex}.cell{width:30px;height:30px;aspect-ratio:1;border:2px solid #cacacf}.cell.O{background-color:#ebb305}.cell.I{background-color:#0ca5e9}.cell.S{background-color:#dc2625}.cell.Z{background-color:#15b8a6}.cell.L{background-color:#f97315}.cell.J{background-color:#ec4899}.cell.T{background-color:#8b5cf6}.cell.Empty{background-color:#d4d4d8}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}