body {
background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
display: flex;
}
.container{
display:flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.number{
font-weight: bold;
font-size: 80px;
text-align: center;
vertical-align: middle;
width:90px;
height:90px;
}
.dice {
width: 90px;
height: 90px;
border-radius: 10px;
background-color: #EFE5DC;
/*margin: 100px;*/
display: flex;
flex-wrap: wrap;
}
.dot-empty{
width: 20px;
height: 20px;
border-radius: 25px;
background-color: #EFE5DC;
margin: 4px;
}
.dot {
width: 20px;
height: 20px;
border-radius: 25px;
background-color: black;
margin: 4px;
}