#container{

    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;

}

button {

font-size: 1.5rem;
padding: 10px 15px;
border-radius: 10px;
background-color: hsl(210, 100%, 50%);
color: white;
font-weight: bold;
cursor: pointer;
}

button:hover{

    background-color: black;
    color: hsl hsl(210, 100%, 50%);

}

button:active {

    background-color: red;
    color: black;
    }



input {

    font-size: 2rem;
    width: 150px;
    text-align: center;
    font-weight: bold;
}

#diceResults{

    margin: 25px;

}

#diceImages {

        display: flex;
        justify-content: center;
        gap: 20px;
        width: auto;


}