body {
    font-family: monospace;
    display: flex;
    flex-direction: column;   /* stack header, dice, buttons vertically */
    align-items: center;      /* center all children horizontally */
    justify-content: flex-start; /* don’t stretch vertically */
    min-height: 100vh;
    margin: 0;
    background: #caced3;
}

#dice {
    display: flex;
    justify-content: center;
    align-items: center;      /* important: prevent stretching images */
    gap: 20px;
    margin-bottom: 20px;
}

/* Target all dice images */
#dice img {
    width: 80px;   /* fixed width */
    height: auto;  /* maintain aspect ratio */
    display: block; /* remove inline spacing issues */
}

button {
    margin: 5px;
    border-radius: 5%;
}