body{background-color:#5a5d5d;line-height:25px;max-width:800px;margin:0 auto}.list-item{margin-bottom:25px}h3{color:#000;margin:0}.navbar{display:flex;justify-content:center;gap:50px;padding:20px 50px;background-color:#000;margin:20px;border-radius:50px}.page-section{background-color:#fff;padding:35px;border-radius:30px}.page-section h2{padding-bottom:10px;border-bottom:1px solid black}.navbar a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;transition:color .2s}.navbar a:hover{color:#4a9ede}.container{display:flex;align-items:center;justify-content:center}.thermo-app{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px white solid;padding:30px;border-radius:30px;background-color:#add8e6}button{margin:20px;width:150px;vertical-align:middle;font-weight:700;font-size:15px;padding:10px;background-color:#000;color:#fff;border-radius:10px}body{color:#000;display:flex;justify-content:center}.timer-app{width:350px;margin:0 auto;padding:30px;background-color:#add8e6;border-radius:20px;text-align:center}.TimerDisplay h1{font-size:72px;background-color:#fff;padding:20px;border-radius:10px}.TimeSetter{padding:20px;background-color:#fff;border-radius:10px}.TimeSetter h2{margin:0 0 10px}.TimeSetter-controls{display:flex;justify-content:center;align-items:center;gap:30px}.TimeSetter-label{display:flex;flex-direction:column;align-items:center;gap:10px}.TimeSetter-label h3{margin:0;font-size:16px;font-weight:400}.TimeSetter input{width:75px;padding:10px;border-radius:10px;border:none;text-align:center;font-size:18px}.ControlButtons{display:flex;justify-content:center;gap:40px}.ControlButtons button{border:none;border-radius:6px;padding:12px 24px;font-size:16px;color:#fff;cursor:pointer}.ControlButtons .start,.ControlButtons .stop,.ControlButtons .reset{background-color:#000}.TimeSetter input:disabled{color:#8b0000}