*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#ba4949;color:#fff}.pomo-container{max-width:600px;margin:0 auto;padding:1rem}header{text-align:center;margin-top:2%;margin-bottom:4%}header hr{margin:2% auto;border-top:.15px solid #eeeeee;color:#000;background-color:#000}.timer-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;border:2px solid rgb(186,73,73);border-radius:10px;background-color:#ffffff1a;width:clamp(350px,80%,800px);margin:0 auto;margin-top:2.5rem;padding:1.5rem}.pomo-titles{display:flex;gap:2rem;align-items:center;justify-content:center;width:100%}.pomo-titles button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:clamp(1rem,1.5vw,1.5rem)}.pomo-titles button.clicked{background-color:#ba4949;font-weight:600;padding:.25rem .5rem;border-radius:8px}.timer h1{font-size:clamp(6.5rem,14vw,8rem);color:#fff}.start-button button{font-size:clamp(1.2rem,4vw,2.5rem);font-weight:600;border:2px solid white;border-radius:6px;background-color:#fff;color:#ba4949;padding:.5rem 2.5rem;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.start-button.clicked{box-shadow:0}.pomo-counter{font-size:clamp(1.2rem,2vw,3rem);color:#eee;font-weight:100;text-align:center;margin:1rem 0}.todo-list{width:clamp(350px,80%,800px);margin:0 auto}.todo-list-title{color:#fff;margin-top:1rem;margin-bottom:1rem}list hr{margin:2% auto;border-top:2px solid #eeeeee;color:#000;background-color:#000}hr{border:none}.task-card{background-color:#ffffff1a;border:2px solid rgb(186,73,73);border-radius:10px;padding:1rem;margin-bottom:1rem;display:flex;gap:1rem;justify-content:space-between}.add-task button{background:none;border:none;cursor:pointer;color:#fff;font-size:clamp(1.2rem,1.5vw,2rem)}.add-task{display:flex;justify-content:center;border:dashed #eeeeee}.modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;justify-content:space-between}