.game_box{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    background-image: url("../img/bgpikachu.jpg?v=1.0.1");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.game{
    position: relative;
    height: 100%;
    border: 5px solid transparent;
}
.game_header, .game_content{
    position: absolute;
    left: 0px;
    right: 0px;
    width: auto;
}
.game_header{
    top: 0px;
    height: 40px;
    background-color: #f5dddb;
    border-bottom: 2px solid transparent;
}
.game_content{
    top: 40px;
    bottom: 0px;
    height: auto;
}
.game_layer{
    width: 100%;
    height: 100%;
}
.game_cell{
    display: inline-block;
    float: left;
    border: 2px solid #ffffff;
    border-left-color: #ffcccc;
    border-bottom-color: #ffcccc;
}
@keyframes game_cell_hint {
    0%   {
        border-left-color: #ff9933;
        border-bottom-color: #ff33ff;
        border-right-color: #ffcc00;
        border-top-color: #00cccc;
    }
    25%  {
        border-left-color: #00cccc;
        border-bottom-color: #ff9933;
        border-right-color: #ff33ff;
        border-top-color: #ffcc00;
    }
    50%  {
        border-left-color: #ffcc00;
        border-bottom-color: #00cccc;
        border-right-color: #ff9933;
        border-top-color: #ff33ff;
    }
    75%  {
        border-left-color: #ff33ff;
        border-bottom-color: #ffcc00;
        border-right-color: #00cccc;
        border-top-color: #ff9933;
    }
    100% {
        border-left-color: #ff9933;
        border-bottom-color: #ff33ff;
        border-right-color: #ffcc00;
        border-top-color: #00cccc;
    }
}
.game_cell.hint:not(.open){
    animation: game_cell_hint 0.4s infinite linear;
    border-radius: 50%;
}
.game_cell.open{
    border-color: #ff9933;
}
.game_cell.matched{
    border-color: #00cc33;
}
.game_cell.not_matched{
    border-color: #ff0000;
}
.game_cell.complete{
    opacity: 0;
    border: none;
    visibility: hidden;
}