﻿.gameboard {display: grid;place-items: center;background-color: transparent;padding: 3px;border-radius: 30px;position: relative;}.gamecontainer {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr auto;margin-left: 70px;}.gameSquare {transition: background-color 0.2s ease-in-out;text-align: center;margin: 2px;background: rgba(255,255,255,1) linear-gradient(to bottom right, rgba(0,76,255,0.5) 0%, rgba(81,174,255,0.5) 100%);border-color: white;border-width: 2px;border-radius: 3px;font-weight: bold;color: transparent;}.gameSquare-easy {height: 60px;width: 60px;font-size: 40px;line-height: 60px;}.gameSquare-medium {height: 31px;width: 31px;font-size: 25px;line-height: 31px;}.gameSquare-hard {height: 24px;width: 24px;font-size: 20px;line-height: 24px;}.gameSquare.covered:hover {background-color: rgba(0,76,255,0.6);cursor: pointer;}.gameSquare.covered:active {background-color: rgba(0,0,120,0.4);}.gameSquare.empty {background: rgba(255,255,255,0.05);border-color: Black;color: transparent;}.gameSquare.flagged {transition: all 0.2s ease-in-out;background: rgba(0,76,255,0.5) url('/rideordie/minesweeper/images/flag.webp');border-color: Black;color: transparent;background-size: cover;background-repeat: no-repeat;background-position: center center;}.gameSquare.numbered {background: rgba(255,255,255,0.05);border-color: Black;color: white;}.gameSquare.hit {background: rgba(255,0,0,0.15) url('/rideordie/minesweeper/images/mine_red.webp');background-size: cover;background-repeat: no-repeat;background-position: center center;border-color: Black;}.gameSquare.mine {background: rgba(255,255,255,0.05) url('/rideordie/minesweeper/images/mine_white.webp');background-size: cover;background-repeat: no-repeat;background-position: center center;border-color: Black;}.primarylayout {grid-row: 1;grid-column-align: center;text-align: center;vertical-align: middle;position: absolute;margin: 40px 40px 40px 0px;height: 95%;}.gameoveroverlay {grid-row: 1;vertical-align: middle;text-align: center;}.ui_label img {width: 42px;height: 42px;vertical-align: super;margin: 0 5px 3px 0;opacity: 1;}.ui_label label {grid-column-align: start;font-size: 10px;vertical-align: baseline;width: 150px;}@media screen and (max-width: 900px) {.gamecontainer {margin-top: 10%;margin-left: 5%;}.gameSquare {height: 30px;width: 30px;font-size: 18px;line-height: 30px;}.bottomButton {height: 25px !important;font-size: 10pt !important;}}