h1 { font-size: 50px; padding: 20px; background-color: #111111; color: white; letter-spacing: 8px; } .addTimer { background-color: #222222; padding: 5px; line-height: 30px; } .addTimer > input { border: 1px solid #111111; padding: 5px; height: 30px; } .addTimer > button { border: 1px solid #111111; height: 30px; } .timers { padding: 10px; } .timer { line-height: 50px; height: 50px; } .block { display: inline-block; background-color: #EEEEEE; text-align: center; height: 50px; margin-right: 5px; border-radius: 2px; } .timer.isRunning > .name { color: #33AA22; } .timer > button.name { width: 200px; border: none; } .timer > .time { width: 100px; } .timer > button.stop { border: none; } .timer > button.remove { border: none; color: #AA2222; } .timer:not(last-child) { margin-bottom: 10px; }