body{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: hsl(0,0%,90%);

}
#myH1{
	font-size: 4rem;
	font-family: "Arial", sans-serif;
	color: hsl(0,0%,25%);
}
#container{
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 5px solid;
	border-color: blue;
	border-radius: 60px;
	padding: 30px;
	background-color: #EBDAED ;
	color: black;
}
#display{
	font-size: 5rem;
	font-family: monospace;
	font-weight: bold;
	text-shadow: 2px 2px 2px hsla(0,0%,0%,0.75);
	margin-bottom: 25px;
}
#controls button{
	font-size: 1.5rem;
	font-weight: bold;
	padding: 10px 20px;
	margin: 5px;
	min-width: 125px;
	border: none;
	border-radius: 10px;
	cursor:pointer;
	color: white;
	transition: background-color 0.3 ease;
}
#startBtn{
	background-color: #64F58D;
}
#startBtn:hover{
	background-color: #4BB368;
}
#stopBtn{
	background-color: #F5646E;
}
#stopBtn:hover{
	background-color: #B34B4B;
}
#resetBtn{
	background-color: #64A8F5;
}
#resetBtn:hover{
	background-color: #4B7CB3;
}