*
{
padding: 0px; margin: 0px;
}
#container
{
display: flex;
width: 450px;
height: 450px;
align-items: center;
justify-content: center;
background: #C71818;
}
#threeMaze
{
display: table;
width: 400px;
height: 400px;
outline: 2px solid black;
}
#threeMaze .r
{
display: table-row;
width: 100%;
height: 10%;
outline: 1px solid black;
}
#threeMaze .c
{
display: table-cell;
width: 10%;
height: 10%;
outline: 1px solid black;
text-align: center;
vertical-align: middle;
}
.fixWhiteCell
{
background:white;
}
.fixBlueCell
{
background:blue;
}
.default
{
background:#938F94;
}
.white
{
background:white;
}
.blue
{
background:blue;
}