.game {
    display: inline-block;
    border: 1px solid grey;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%);
}
    .header{
        display: inline-block;
        width: 100%;
    }
    .display{
        display: inline-block;
        width: 60px;
        line-height: 30px;
        font-size: 28px;
        text-align: center;
        background-color: rgba(10, 10, 10, 0.863);
        color: red;
    }
    .smile{
        display: inline-block;
        height: 30px;
        width: 30px;
        text-align: center;
        padding-top: 3px;
        transform: rotate(90deg);
        margin-left: calc(50% - 75px);
        background-color: grey;
        cursor: pointer;
    }
    .timer{
        display: inline-block;
        float: right;
    }   
    .count{
        float: left;
    }
    .box{
        display: inline-block;
        width: 30px;
        height: 30px;
        float: left;
        border: 1px solid black;
        background-color: grey;
    }
    .box:hover{
        background-color: rgba(224, 221, 221, 0.52);
        cursor: pointer;
    }
    .box-pressed{
        display: inline-block;
        background-color: rgb(145, 141, 141);
        border: 2px solid red;
    }


.expload{
    background-color: red;
    position: relative;
}


.flag{
    position: relative;
}
.flag::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgb(190, 82, 252);
    border-radius: 50%;
    top: 3.5px;
    left: 3.5px;
}