*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    text-align: center;
    font-family: Roboto, sans-serif;
}

.container{
    background-color: #f5f5f5;
    height: auto;
    max-width: 600px;
    width: auto;
    margin: 0 auto;
    border-radius: 2%;
    padding: 20px;
}


.count{
    font-size:3rem;
}

button{
    background-color: cyan;
    padding: 10px 16px;
    border: 1px solid grey;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
}

button:hover{
    background-color: rgb(54, 171, 255);
    color: white;
}
.options{
    margin-top:20px;
}

input{
    margin-top:20px;
    width: 20%;
    margin: 10px auto;
}

.reset{
    background-color: cyan;
    padding: 8px 10px;
    font-size: 0.7rem;
}

.reset:hover{
    background-color: rgb(54, 171, 255);
    color: white;
}