Updating design

1 files changed, 25 insertions, 31 deletions

diff --git a/design/design.css b/design/design.css
index a1a8ce7..5e737a0 100644
--- a/design/design.css
+++ b/design/design.css
@@ -1,43 +1,40 @@
 h1 {
-  font-size: 50px;
+  font-size: 70px;
   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;
+  letter-spacing: 10px;
+  padding: 30px;
+  margin-bottom: 20px;
 }
 
-.addTimer > button {
-  border: 1px solid #111111;
-  height: 30px;
+button.addTimer {
+  position: absolute;
+  bottom: 10px;
+  left: 10px;
+  color: #33AA22;
+  border: 5px solid #33AA22;
+  background-color: white;
+  border-radius: 5px;
+  font-size: 50px;
 }
 
 .timers {
-  padding: 10px;
+  text-align: center;
+  font-size: 30px;
 }
 
 .timer {
-  line-height: 50px;
-  height: 50px;
+  line-height: 80px;
+  height: 80px;
 }
 
 .block {
   display: inline-block;
   background-color: #EEEEEE;
   text-align: center;
-  height: 50px;
-  margin-right: 5px;
+  height: 80px;
+  margin-right: 20px;
   border-radius: 2px;
 }
 
@@ -46,27 +43,24 @@ h1 {
 }
 
 .timer > button.name {
-  width: 200px;
+  width: 300px;
   border: none;
 }
 
 .timer > .time {
-  width: 100px;
-}
-
-.timer > button.restart {
-  border: none;
+  width: 200px;
 }
 
-.timer > button.stop {
+.timer > button {
   border: none;
+  width: 100px;
+  font-size: 30px;
 }
 
 .timer > button.remove {
-  border: none;
   color: #AA2222;
 }
 
 .timer:not(last-child) {
-  margin-bottom: 10px;
+  margin-bottom: 20px;
 }