*{box-sizing:border-box;margin:0;font-family:Arial,sans-serif}.time-input{grid-template-columns:repeat(7,1fr);display:grid}.time-input input{grid-column:span 3;padding:5px}.time-input span{justify-content:center;align-items:center;display:flex}.capitalize{text-transform:capitalize}main{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}main form{flex-direction:column;gap:5px;display:flex}.input-label{justify-content:space-between;align-items:center;gap:5px;margin-top:8px;display:flex}.input-label aside{gap:5px;display:flex}.timer-btns{gap:10px;margin-top:10px;display:flex}.timer-btns button{flex-grow:1}.timer-display{text-align:center;margin-top:20px}.timer-value{font-size:2em;font-weight:700}.timer-value-wrapper{justify-content:center;align-items:center;gap:10px;margin-top:2px;display:flex}.timer-value-wrapper span{font-size:1.5em}.timer-value-wrapper span.rotate{animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}