Body{
    background-color: hsla(0, 0%, 50%, 0.647);
}

#Container{
    text-align: center;
    font-family: Arial,sans-serif;
    border: 1px solid black;
    width: fit-content;
    margin: 50px auto;
    padding: 30px 35px;
    background-color: rgba(255, 255, 255, 0.492);
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(128, 128, 128, 0.999);
    font-weight: bold;
}

#Input{
    width: 100px;
    text-align: center;
    border: none;
    margin: 10px;
    padding: 5px;
}

#Submit{
    border: none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    background-color: hsl(120, 96%, 20%);
    color: white;
    padding: 5px 10px;
}

#Submit:hover{
    background-color: hsl(120, 96%, 26%);
}

#Submit:Active{
    background-color: hsl(120, 100%, 40%);
}

#DiceImages{
    margin: 30px auto;
    border: none;
    width: fit-content;
    padding: 20px 25px;
    background-color: rgba(197, 177, 28, 0.71);
    border-radius: 10px;
}

#Reset{
        border: none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    background-color: hsl(6, 96%, 20%);
    color: white;
    padding: 5px 10px;
}

#Reset:hover{
    background-color: hsl(11, 100%, 30%);
}

#Reset:Active{
    background-color: hsl(9, 99%, 42%);
}

#DiceImages img {
    width: 80px;
    margin: 10px;
}