#GameContainer{
    width: 10rem;
    box-sizing: content-box;
    line-height: 0;
    border: 0.5rem solid black;
    margin: auto;
}
.GameCell{
    box-sizing: border-box;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 0;
    background-image: url("images/unopened.png");
    background-size: 100% 100%;
    image-rendering: pixelated
}

.n0{
    background-image: url("images/empty.png");
}
.n1{
    background-image: url("images/one.png");
}
.n2{
    background-image: url("images/two.png");
}
.n3{
    background-image: url("images/three.png");
}
.n4{
    background-image: url("images/four.png");
}
.n5{
    background-image: url("images/five.png");
}
.n6{
    background-image: url("images/six.png");
}
.n7{
    background-image: url("images/seven.png");
}
.n8{
    background-image: url("images/eight.png");
}

.mine{
    background-image: url("images/mine.png");
}
.flag{
    background-image: url("images/flag.png");
}
.wrong{
    background-image: url("images/wrong.png");
}

.GameCell:hover{
    background-color:#aaaaaa;
    background-blend-mode: multiply;
}

.cursor{
    background-color:#aaaaff;
    background-blend-mode: multiply;
}
