body{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Noto sans', sans-serif;}

main{background:purple;width:300px;height: 350px;border-radius: 10px;box-shadow:0px 0px 15px 5px grey;margin: 50px auto;transition:2s}
h1{text-align:center;color:white;}

.stop{border:solid 2px white;display:flex;border-radius:50%;width:50px;height: 50px;background: red;justify-content:center;align-items:center;box-shadow:0px 0px 15px 1px grey;}

.start{border:solid 2px white;display:flex;border-radius:50%;width:70px;height: 70px;background: green;justify-content:center;align-items:center;}

.reset{border:solid 2px white;display:flex;border-radius:50%;width:50px;height: 50px;background: yellow;justify-content:center;align-items:center;}

.hour{border:solid 2px white;padding:10px;display:flex;flex-direction:column;justify-content:center;border-radius: 2px;}

.min{border:solid 2px white;padding:10px;border-radius: 2px;}

.sec{border:solid 2px white;padding:10px;border-radius: 2px;}

.control{display:flex;flex-direction:row;justify-content:space-around;color:black;align-items:center;}

.time{display:flex;flex-direction:row;margin:10px;padding:10px;align-items:center;justify-content:space-between;}

.ms{display:flex;justify-content:center;margin:20px;
border-radius: 30%;background:white;width:50px;height: 50px;align-items:center;}
.milli{display:flex;justify-content:center;align-items:center;}