html{
    background-color: rgba(231, 194, 124, 0.315);
    font-size: 20px;
    font-family: Cambria;
}
html i.material-icons{
    font-size: 2rem;
    color: rgb(194, 0, 0);
}
header{
    display: flex;
    justify-content:center;
}
main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;

}
.playerName{
    grid-row: 1/1;
    display: flex;
    justify-content: space-around;
}
.ROUND,.dice{
    grid-row: 2/2;
    display: flex;
    justify-content: space-around;
}
.GLOBAL,.rollDice,.hold{
    grid-row: 3/3;
    display: flex;
    justify-content: center;
    line-height: 100px;
}
span{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dice .material-icons{
    font-size: 10rem;
}
.ROUND{
    color: rgb(194, 0, 0);
    font-size: 4rem;
}
.GLOBAL{
    background-color: rgb(194, 0, 0);
}
#GLOBAL1,#GLOBAL2{
    color: white;
}
#displayPlayerTurn2,#rules2,#rule{
    display: none;
}
.center{
    margin-left: 90%;
}