body{
    background: linear-gradient(to right, #3f5efb,#fc466b);

}
#wrapper{
    width: 70%;
    margin: auto;
    text-align: center;
}
.box{
    height: 50px;
    width: 700px;
    border: 1px solid black;
    margin: 10px 0 0 110px;
   
}
#green{
    background-color: green;
}
#yellow{
    background-color: yellow;
   
    font-size: 2rem;
    color: black;
}
#red{
    background-color: red;
    
    font-size: 2rem;
    color: white;
}
#blue{
    background-color: blue;
    
    font-size: 2rem;
    color: white;
}
h1{
    margin: 14px;
    font-size: 2rem;
    color: white;
}
/* #h2{
    margin: 10px;
    font-size: 4rem;
    color: rgb(236, 236, 7);
}
#h3{
    margin: 10px;
    font-size: 4rem;
    color: red;
} */

.dice-area{
    margin: 0px 50px;
    text-align: center;
    display: inline-block;
}
p{
    font-size: 2rem;
    color: white;

}
img{
    width: 200px;

}
#button{
    height: 30px;
    width: 90px;
    background-color: #fc466b;
    border-radius: 0px;
}