body , html{
    margin: 0;
    box-sizing: border-box;
}

h1{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

#container{
    text-align: center;
    position: relative;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid;
    padding: 20px;
    border-radius: 20px;
}

#display{
    font-family: monospace;
    font-size: 2.5rem;
    text-shadow: 5px 5px 20px black;
}

#buttons button{
    font-size: 1.2em;
    margin: 10px 10px;
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    color: white;border-radius: 20px;
    transition: 0.5s ease;
}

#startBtn{
    background-color: hsl(120, 100%, 25%);
}

#startBtn:hover{
    background-color: hsl(120, 100%, 20%);
}

#stopBtn{
    background-color: hsl(0, 100%, 50%);
}

#stopBtn:hover{
    background-color: hsl(0, 100%, 40%);
}

#resetBtn{
    background-color:hsl(240, 100%, 50%);
}

#resetBtn:hover{
    background-color:hsl(240, 100%, 40%);
}