Initial commit, can create and name 5 minute timers, can toggle running state

1 files changed, 52 insertions, 0 deletions

diff --git a/design/design.css b/design/design.css
new file mode 100644
index 0000000..245e498
--- /dev/null
+++ b/design/design.css
@@ -0,0 +1,52 @@
+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 {
+  font-size: 26px;
+  line-height: 26px;
+}
+
+.block {
+  display: inline-block;
+  width: 200px;
+  background-color: #EEEEEE;
+  padding: 5px;
+}
+
+.timerTime {
+  cursor: pointer;
+}
+
+.isRunning {
+  background-color: green;
+}
+
+.timer:not(last-child) {
+  margin-bottom: 10px;
+}