body {
    background-color: rgb(56, 62, 73);
}

.Container {
    margin: 0 auto;
    
}

.box {
    box-shadow: 10px 10px 5px black;
    max-width: 300px;
    background-color: white;
    text-align: center;
    margin: 20px auto 20px auto;
    border-radius: 20px;
    padding: 20px;
}

.title {
    text-align: center;
    color: white;
}

.number {
    color:blue;
}
.img {
    max-width: 150px;
    max-height: 150px; 
    margin: 0 auto;
}

.flex {
   text-align: center;
}

button {
    cursor: pointer;
}

.start {
    background-color: rgb(119, 214, 115);
    border-radius: 30px;
    padding: 5px;
    border: none;
}

.reset {
    background-color: rgb(228, 113, 228);
    border-radius: 30px;
    padding: 5px;
    border: none;
    margin-top: 10px;
}

.start:hover {
    background-color: rgb(229, 14, 50);
}

.reset:hover {
    background-color: rgb(237, 146, 11)
}