body{
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: hsl(0, 0%, 95%);
}
#stopwatch{
font-family: Arial, sans-serif;
}
#timer{
font-size: 11rem;
text-align: center;
font-weight: bold;
margin: 0;
}
#buttons{
}
button{
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
margin: 6px;
margin-top: 0px;
padding: 25px;
font-size: 3rem;
font-weight: bold;
text-align: center;
text-stroke: 3px red;
color: black;
border: 1px;
border-radius: 15px;
cursor: pointer;
}
.start{
background-color: hsla(102, 100%, 50%, 1);
}
.start:hover{
background-color: hsla(102, 100%, 45%, 1);
}
.stop{
background-color: hsla(360, 100%, 50%, 1);
}
.stop:hover{
background-color: hsla(360, 100%, 45%, 1);
}
.reset{
background-color: hsl(0, 0%, 70%);
}
.reset:hover{
background-color: hsla(0, 0%, 65%);
}