/* General body css */
body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; }
form { background: #f5f5f5; padding: 20px; border-radius: 8px; }
label { display: block; margin: 10px 0; }
input, select { width: 100%; padding: 5px; }
ul { list-style: none; padding: 0; }
li { background: #e9ecef; margin: 10px 0; padding: 10px; border-radius: 4px; }

/* Buttons */
/* button { background: #007bff; color: white; border: none; padding: 10px; margin: 5px; cursor: pointer; } */
button { margin: 0 5px; padding: 5px 10px; }
.edit-btn { background: #28a745; color: white; }
.delete-btn { background: #dc3545; color: white; }

/* Set counter and Rest Timer */
#counter {width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(45deg, #4CAF50, #2E7D32); color: white; border: none; font-size: 1.3em; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: background 0.3s, transform 0.3s; display: block; margin: 20px;}
/* .header-row {display: flex; align-items: center; gap: 20px; margin-bottom: 10px;} */
#timeDisplay {/* font-family: Arial, sans-serif; */ margin: 10px 0 0 0;}
.top {display: flex; align-items: center; justify-content: center;}
h1 {margin: 0;}