header{
    text-align: center;
    background-color: skyblue;
    font-size: 32px;
}
body{
    background-color: bisque;
}
#gameboard{
    display:grid;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns:  auto auto auto auto auto auto auto auto auto auto auto; 
}
#monopoly{
grid-row: 2/11;
grid-column: 2/11;
}
#grid{
display: grid;
grid-template-columns: auto auto;
}
#diceroll{
    grid-row: 1/3;
    display:grid;
    grid-column: auto auto;
}
#die1{
    grid-column: 1;
    text-align: end;
}
#die2{
    grid-column: 2;
   
}
#player1div{
    grid-column:1/2;
    background-color: greenyellow;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto;
}
#player2div{
    grid-column:2/3;
    background-color: blueviolet;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto;
}
.amount{
    background-color: lightgreen;
    grid-column: 2/3;
    grid-row:1;
    padding-bottom: 20px;
}
#player1,#player2{
    grid-row: 2;
    grid-column: 1/4;
    text-align: center;
}
h1,h2{
    text-align: center;
}
img{
    width: 50px;
}