41 lines
528 B
CSS
41 lines
528 B
CSS
.TicTacToe {
|
|
background-color: #3B3E49;
|
|
color: #B9B8D6;
|
|
}
|
|
|
|
.TicTacToeGrid {
|
|
display: grid;
|
|
width: 50vh;
|
|
height: 50vh;
|
|
grid-template-columns: auto auto auto;
|
|
}
|
|
|
|
.TicTacToeCell {
|
|
min-width: 33.33%;
|
|
min-height: 33.33%;
|
|
background-color: #4d4f5d;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.TicTacToeCell:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.TicTacToeCell > p {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.CellRed {
|
|
color: #D6B8B8;
|
|
}
|
|
|
|
.CellBlue {
|
|
color: #B8C7D6;
|
|
}
|