diff --git a/index.html b/index.html
index e665ae3..db1577e 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,10 @@
         <div id="/completed" class="completed-filter">
             <div id="/active" class="active-filter">
                 <section class="todoapp">
-                    <header class="header">
-                        <h1>todos</h1>
+                    <header class="header" style="line-height: 65px;">
+                        <h1>to-dos</h1>
                     </header>
-                    
+
         <div id="todo-0" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-0"  checked />
 
@@ -26,7 +26,7 @@ <h1>todos</h1>
             <label for="created-checkbox-0" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-0" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-1" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-1"  checked />
 
@@ -38,7 +38,7 @@ <h1>todos</h1>
             <label for="created-checkbox-1" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-1" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-2" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-2"  checked />
 
@@ -50,7 +50,7 @@ <h1>todos</h1>
             <label for="created-checkbox-2" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-2" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-3" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-3"  />
 
@@ -62,7 +62,7 @@ <h1>todos</h1>
             <label for="created-checkbox-3" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-3" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-4" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-4"  />
 
@@ -74,7 +74,7 @@ <h1>todos</h1>
             <label for="created-checkbox-4" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-4" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-5" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-5"  />
 
@@ -86,7 +86,7 @@ <h1>todos</h1>
             <label for="created-checkbox-5" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-5" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-6" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-6"  />
 
@@ -98,7 +98,7 @@ <h1>todos</h1>
             <label for="created-checkbox-6" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-6" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-7" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-7"  />
 
@@ -110,7 +110,7 @@ <h1>todos</h1>
             <label for="created-checkbox-7" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-7" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-8" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-8"  />
 
@@ -122,7 +122,7 @@ <h1>todos</h1>
             <label for="created-checkbox-8" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-8" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-9" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-9"  />
 
@@ -134,7 +134,7 @@ <h1>todos</h1>
             <label for="created-checkbox-9" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-9" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-10" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-10"  />
 
@@ -146,7 +146,7 @@ <h1>todos</h1>
             <label for="created-checkbox-10" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-10" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-11" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-11"  />
 
@@ -158,7 +158,7 @@ <h1>todos</h1>
             <label for="created-checkbox-11" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-11" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-12" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-12"  />
 
@@ -170,7 +170,7 @@ <h1>todos</h1>
             <label for="created-checkbox-12" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-12" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-13" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-13"  />
 
@@ -182,7 +182,7 @@ <h1>todos</h1>
             <label for="created-checkbox-13" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-13" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-14" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-14"  />
 
@@ -194,7 +194,7 @@ <h1>todos</h1>
             <label for="created-checkbox-14" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-14" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-15" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-15"  />
 
@@ -206,7 +206,7 @@ <h1>todos</h1>
             <label for="created-checkbox-15" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-15" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-16" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-16"  />
 
@@ -218,7 +218,7 @@ <h1>todos</h1>
             <label for="created-checkbox-16" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-16" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-17" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-17"  />
 
@@ -230,7 +230,7 @@ <h1>todos</h1>
             <label for="created-checkbox-17" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-17" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-18" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-18"  />
 
@@ -242,7 +242,7 @@ <h1>todos</h1>
             <label for="created-checkbox-18" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-18" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-19" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-19"  />
 
@@ -254,7 +254,7 @@ <h1>todos</h1>
             <label for="created-checkbox-19" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-19" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-20" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-20"  />
 
@@ -266,7 +266,7 @@ <h1>todos</h1>
             <label for="created-checkbox-20" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-20" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-21" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-21"  />
 
@@ -278,7 +278,7 @@ <h1>todos</h1>
             <label for="created-checkbox-21" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-21" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-22" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-22"  />
 
@@ -290,7 +290,7 @@ <h1>todos</h1>
             <label for="created-checkbox-22" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-22" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-23" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-23"  />
 
@@ -302,7 +302,7 @@ <h1>todos</h1>
             <label for="created-checkbox-23" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-23" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-24" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-24"  />
 
@@ -314,7 +314,7 @@ <h1>todos</h1>
             <label for="created-checkbox-24" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-24" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-25" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-25"  />
 
@@ -326,7 +326,7 @@ <h1>todos</h1>
             <label for="created-checkbox-25" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-25" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-26" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-26"  />
 
@@ -338,7 +338,7 @@ <h1>todos</h1>
             <label for="created-checkbox-26" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-26" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-27" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-27"  />
 
@@ -350,7 +350,7 @@ <h1>todos</h1>
             <label for="created-checkbox-27" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-27" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-28" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-28"  />
 
@@ -362,7 +362,7 @@ <h1>todos</h1>
             <label for="created-checkbox-28" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-28" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-29" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-29"  />
 
@@ -374,7 +374,7 @@ <h1>todos</h1>
             <label for="created-checkbox-29" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-29" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-30" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-30"  />
 
@@ -386,7 +386,7 @@ <h1>todos</h1>
             <label for="created-checkbox-30" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-30" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-31" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-31"  />
 
@@ -398,7 +398,7 @@ <h1>todos</h1>
             <label for="created-checkbox-31" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-31" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-32" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-32"  />
 
@@ -410,7 +410,7 @@ <h1>todos</h1>
             <label for="created-checkbox-32" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-32" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-33" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-33"  />
 
@@ -422,7 +422,7 @@ <h1>todos</h1>
             <label for="created-checkbox-33" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-33" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-34" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-34"  />
 
@@ -434,7 +434,7 @@ <h1>todos</h1>
             <label for="created-checkbox-34" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-34" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-35" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-35"  />
 
@@ -446,7 +446,7 @@ <h1>todos</h1>
             <label for="created-checkbox-35" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-35" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-36" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-36"  />
 
@@ -458,7 +458,7 @@ <h1>todos</h1>
             <label for="created-checkbox-36" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-36" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-37" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-37"  />
 
@@ -470,7 +470,7 @@ <h1>todos</h1>
             <label for="created-checkbox-37" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-37" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-38" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-38"  />
 
@@ -482,7 +482,7 @@ <h1>todos</h1>
             <label for="created-checkbox-38" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-38" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-39" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-39"  />
 
@@ -494,7 +494,7 @@ <h1>todos</h1>
             <label for="created-checkbox-39" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-39" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-40" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-40"  />
 
@@ -506,7 +506,7 @@ <h1>todos</h1>
             <label for="created-checkbox-40" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-40" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-41" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-41"  />
 
@@ -518,7 +518,7 @@ <h1>todos</h1>
             <label for="created-checkbox-41" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-41" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-42" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-42"  />
 
@@ -530,7 +530,7 @@ <h1>todos</h1>
             <label for="created-checkbox-42" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-42" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-43" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-43"  />
 
@@ -542,7 +542,7 @@ <h1>todos</h1>
             <label for="created-checkbox-43" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-43" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-44" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-44"  />
 
@@ -554,7 +554,7 @@ <h1>todos</h1>
             <label for="created-checkbox-44" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-44" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-45" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-45"  />
 
@@ -566,7 +566,7 @@ <h1>todos</h1>
             <label for="created-checkbox-45" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-45" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-46" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-46"  />
 
@@ -578,7 +578,7 @@ <h1>todos</h1>
             <label for="created-checkbox-46" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-46" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-47" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-47"  />
 
@@ -590,7 +590,7 @@ <h1>todos</h1>
             <label for="created-checkbox-47" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-47" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-48" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-48"  />
 
@@ -602,7 +602,7 @@ <h1>todos</h1>
             <label for="created-checkbox-48" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-48" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-49" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-49"  />
 
@@ -614,7 +614,7 @@ <h1>todos</h1>
             <label for="created-checkbox-49" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-49" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         <div id="todo-50" class="todo">
             <input type="checkbox" class="created-checkbox" id="created-checkbox-50"  />
 
@@ -626,109 +626,109 @@ <h1>todos</h1>
             <label for="created-checkbox-50" class="created-checkbox-label">Add</label>
             <label for="deleted-checkbox-50" class="deleted-checkbox-label">×</label>
             <div class="items-left-counter-helper"></div>
-            
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
         </div>
-    
+
                     <footer class="footer" style="display: block;">
             			<span class="todo-count"><strong id="items-left"></strong> items left</span>
             			<ul class="filters">
@@ -757,4 +757,4 @@ <h1>todos</h1>
             </div>
         </div>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/todo.css b/todo.css
index bbaee80..a8545a2 100644
--- a/todo.css
+++ b/todo.css
@@ -1,3 +1,4 @@
+
 /* Styling for new todo item input */
 .created-checkbox:not(:checked) ~ .todo-input {
     position: absolute;
@@ -22,7 +23,7 @@
     cursor: pointer;
     padding-top: 13px;
     padding-bottom: 11px;
-    border-bottom: 1px solid #ededed;
+    border-bottom: 1px solid black;
 }
 /* Show mark as done if item is created and not marked as done yet */
 .created-checkbox:checked ~ .done-checkbox:not(:checked) ~ .mark-done-checkbox-label {
@@ -121,6 +122,7 @@ input:not(:valid) ~ .created-checkbox-label {
 .active-filter:target .created-checkbox:checked ~ .done-checkbox:checked ~ .mark-undone-checkbox-label,
 .active-filter:target .created-checkbox:checked ~ .done-checkbox:checked ~ .deleted-checkbox-label {
     display: none !important;
+    filter:hue-rotate(-47deg);
 }
 
 /* Hide items not marked done if filter is completed */
@@ -129,6 +131,7 @@ input:not(:valid) ~ .created-checkbox-label {
 .completed-filter:target .created-checkbox:checked ~ .done-checkbox:not(:checked) ~ .mark-undone-checkbox-label,
 .completed-filter:target .created-checkbox:checked ~ .done-checkbox:not(:checked) ~ .deleted-checkbox-label {
     display: none !important;
+    filter:hue-rotate(-47deg);
 }
 
 /* Indicate currently selected filter */
@@ -136,6 +139,7 @@ input:not(:valid) ~ .created-checkbox-label {
 .completed-filter:target .filter-completed,
 .completed-filter:not(:target) .active-filter:not(:target) .filter-all {
     border-color: rgba(175, 47, 47, 0.2);
+    filter:hue-rotate(-47deg);
 }
 
 /* items-left counter */
@@ -193,9 +197,11 @@ body  {
 }
 
 .todo {
+    background-color: rgba(150, 10, 10, 0.05);
     display: flex;
     width: 100%;
     flex-wrap: wrap;
+    box-shadow: 0 2px 0px 1px rgba(0,0,0,.001), 0 1px 2px 0 rgba(0,0,0,.1), 0 1px 0px 1px rgba(0,0,0,.0001);
 }
 
 
diff --git a/todomvc-app.css b/todomvc-app.css
index b344faa..99a80b9 100644
--- a/todomvc-app.css
+++ b/todomvc-app.css
@@ -5,6 +5,9 @@ body {
 	margin: 0;
 	padding: 0;
 }
+header{
+	margin-top: 80px;
+}
 
 button {
 	margin: 0;
@@ -25,9 +28,9 @@ button {
 
 body {
 	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
-	line-height: 1.4em;
+	line-height: 0.5em;
 	background: #f5f5f5;
-	color: #4d4d4d;
+	color: black;
 	min-width: 230px;
 	max-width: 550px;
 	margin: 0 auto;
@@ -57,32 +60,36 @@ input[type="checkbox"] {
 .todoapp input::-webkit-input-placeholder {
 	font-style: italic;
 	font-weight: 300;
-	color: #e6e6e6;
+	color: grey;
 }
 
 .todoapp input::-moz-placeholder {
 	font-style: italic;
 	font-weight: 300;
-	color: #e6e6e6;
+	color: grey;
 }
 
 .todoapp input::input-placeholder {
 	font-style: italic;
 	font-weight: 300;
-	color: #e6e6e6;
+	color: grey;
 }
 
 .todoapp h1 {
 	position: absolute;
 	top: -155px;
 	width: 100%;
-	font-size: 100px;
-	font-weight: 100;
+	height:80px;
+	font-size: 90px;
+	font-weight: 200;
 	text-align: center;
-	color: rgba(175, 47, 47, 0.15);
+	color: rgba(175, 100, 100, 0.5);
+	background-color: rgba(175, 100, 100, 0.1);
 	-webkit-text-rendering: optimizeLegibility;
 	-moz-text-rendering: optimizeLegibility;
 	text-rendering: optimizeLegibility;
+	display: inline-block;
+  box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
 }
 
 .new-todo,
@@ -274,6 +281,7 @@ label[for='toggle-all'] {
 	height: 20px;
 	text-align: center;
 	border-top: 1px solid #e6e6e6;
+	box-shadow: 0 2px 0px 1px rgba(0,0,0,.001), 0 4px 2px 0 rgba(0,0,0,.1), 0 1px 0px 1px rgba(0,0,0,.12);
 }
 
 .footer:before {
@@ -310,20 +318,26 @@ label[for='toggle-all'] {
 }
 
 .filters li {
+	line-height: 2px;
+	margin:2px;
+	padding:2px;
 	display: inline;
+	box-shadow: 0 2px 0px 1px rgba(0,0,0,.001), 0 4px 2px 0 rgba(0,0,0,.1), 0 1px 0px 1px rgba(0,0,0,.12);
+	border-radius: 20px;
 }
 
 .filters li a {
-	color: inherit;
+	color: black;
 	margin: 3px;
 	padding: 3px 7px;
 	text-decoration: none;
 	border: 1px solid transparent;
-	border-radius: 3px;
+	border-radius: 20px;
 }
 
 .filters li a:hover {
-	border-color: rgba(175, 47, 47, 0.1);
+	border-color: black;
+	border-radius: 20px;
 }
 
 /* .filters li a.selected, */
@@ -331,7 +345,7 @@ label[for='toggle-all'] {
 
 
 .filters li a.selected {
-	border-color: rgba(175, 47, 47, 0.2);
+	border-color: black;
 }
 
 .clear-completed,