body{
    background-color: rgba(160, 207, 244, 0.756);
    font-family: monospace;
}

.box {
    text-align: center;
    box-shadow: black 3px 3px 3px;
    max-width: 500px;
    max-height:500px;
    border:burlywood;
    background-color:white;
    margin: 20px auto 20px auto;
    border-radius: 20px;
    padding:20px;
}

.title {
    text-align: center;
    border-radius: 20px;
    color:rgb(8, 56, 68);

}

button
{
    padding: 10px 5px 10px 5px;
    cursor: pointer;
    border-radius: 20px;
    border:none;
    margin: 10px 10px;

}

.start-button{
   
    background-color: greenyellow;
}

.reset-button{
    background-color: rgb(255,95,47);
    color:white;
   
}


.start-button:hover{
   
    background-color: rgb(62, 188, 39);
}

.reset-button:hover{
    background-color: rgb(204, 18, 61);
    color:white;
   
}

#number {
    color:rgba(30, 13, 124, 0.74);
    font-size: 80px;
    background-color: beige;
    width: fit-content;
    margin: 0 auto 0 auto;
    padding:20px;
    border-radius: 20px;
    text-align:center;

    
}

.firework
{
    width: 100px;
    height: 100px;
}