.container{
    display:flex;
    flex-direction: column;
    width:400px;
    border:2px solid black

}

.dice{
        flex:3;
        display: flex;
        justify-content: center;

}

.diceImage{
    width:200px;
    height:200px;
    object-fit: cover;
    padding-top: 10px;
    padding-bottom: 10px;;
}

.count-grid{
    flex:2;
    display:grid;
    grid-template-columns: 100px 80px 1fr 100px 80px;
    padding-left: 30px;
}

.total-play{
    flex:1;
    display: flex;
    flex-direction: row;
    padding-top: 20px;
    padding-left: 40px;
    padding-bottom: 10px;
}

.total{
    flex:1;
} 

.play{
    padding-left: 50px;
    flex:1;
}