.info{
    height: 50px;
    width: 476px;
    /*border: 1px solid black;*/
    margin: auto;
    margin-bottom: 10px;
    font-size: 20px
}

.board{
    display: grid;
    width: 300px;
    height: 300px;
    margin: auto;
    margin-top: 30px;
    justify-content: center;
    align-content: center;
    border: 1px solid black;
    background-color: rgb(204, 203, 202);
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.space{
    border: 2px solid black;
    background-color: rgb(226, 226, 226);
    text-align: center;
    line-height: 95px;
    font-family: calibri;
    font-size: 5rem;
    font-weight: bolder;
}

.space:hover{
    background-color: rgb(190, 190, 190);
}

.buttons{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.button:hover{
    cursor: pointer;
    background-color: rgb(151, 188, 201);
}