style.css

#barraLateral {
    flex: 0;
    width: 110px;
    height: 628px;
    background: #f5f5f5;
    position: absolute;
    left: 783px;
    top: 10px;
    border: solid;
    margin-left: auto;
    margin-right: auto;

}

#barradados {
    flex: 0;
    width: 100px;
    height: 628px;
    position: absolute;
    left: 670px;
    top: 10px;
}

#colorDice {
    top: 100px;
}

.blue {
    height: 100px;
    width: 100px;
    background-color: blue;
}

.grey {
    height: 100px;
    width: 100px;
    background-color: grey;
}

.pink {
    height: 100px;
    width: 100px;
    background-color:pink;
}

.yellow {
    height: 100px;
    width: 100px;
    background-color:yellow;
}

.red {
    height: 100px;
    width: 100px;
    background-color:red;
}

.green {
    height: 100px;
    width: 100px;
    background-color:green;
}

#tabuleiro {
    position: relative;
    width: 628px;
    height: 628px;
}

th {
    font-size: 60px;
    border: thin solid;
}

#pino {
    border-radius:100%;
    border:10px solid black;
    width:75px;
    height:75px;

}

#flag {
    padding: 10px;
    border-radius:100%;
    border:2px solid black;
    width:75px;
    height:75px;

}

#restart {
    padding: 10px 10px;
    width: 100px;
    height: 40px;
    align-items: center;
    text-align: center;
    border: 2px solid black;
    bottom:10px;
    font-weight: bold;
    font-size: 20px;


}