.grid-container {
    margin-top: 20px;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    background-color: #2196F3;
    padding: 5px;
    width: 500px;
    margin: auto;
}
body {
    margin: 0px;
}
.title-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    background-color: #2196F3;
    padding: 5px;
    width: 500px;
    height: 50px;
    margin: auto;
}
.title-grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    height: 50px;
    position: relative;
}

#timer {
    display: grid;
    position: absolute;
    top: 5;
    left: 5;
    right: 5;
    bottom: 5;
    align-items: center;
    text-align: center;
}
#title {
    display: grid;
    position: absolute;
    top: 5;
    left: 5;
    right: 5;
    bottom: 5;
    align-items: center;
    text-align: center;
}

.grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    position: relative;
    padding-top: 100%;
    border: 1px solid rgba(0, 0, 0, 0.8);
}
.tile-container {
    margin-top: 20px;
}

.game-board {
    margin-top: 20px;
}

.tile-item {
    border: 0px;
}

.draggable {
    display: grid;
    position: absolute;
    top: 5;
    left: 5;
    right: 5;
    bottom: 5;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 1.0);
    color: rgba(255, 255, 255, 1.0);
    z-index: 500;
}

.dragging {
    z-index: 501;
}

.not-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  }

.buttonContainers {
    margin: auto;
    width: 500px;
    text-align: right;
    margin-top: 20px;
}

.splashScreen {
    position: absolute;
    z-index: 700;
    width: 100%;
    height: 100%;
    background-color: #dddddd;
}

.splashTitle {
    position: absolute;
    margin: auto;
    width: fit-content;
    top: 35%;
    left: 0;
    right: 0;
}

.splashVersionInfo {
    position: absolute;
    margin: auto;
    bottom: 5%;
    left: 0;
    right: 0;
    width: fit-content;
}