diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css
index 075578c930..0673a8752a 100644
--- a/01 - JavaScript Drum Kit/style.css	
+++ b/01 - JavaScript Drum Kit/style.css	
@@ -3,6 +3,7 @@ html {
   background: url(http://i.imgur.com/b9r5sEL.jpg) bottom center;
   background-size: cover;
 }
+
 body,html {
   margin: 0;
   padding: 0;
diff --git a/02 - JS and CSS Clock/index-FINISHED.html b/02 - JS and CSS Clock/index-FINISHED.html
index 37436ed1ca..7449fc52f5 100644
--- a/02 - JS and CSS Clock/index-FINISHED.html	
+++ b/02 - JS and CSS Clock/index-FINISHED.html	
@@ -18,9 +18,9 @@
 
   <style>
     html {
-      background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
-      background-size:cover;
-      font-family:'helvetica neue';
+      background: #018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
+      background-size: cover;
+      font-family: 'helvetica neue';
       text-align: center;
       font-size: 10px;
     }
@@ -28,8 +28,8 @@
     body {
       margin: 0;
       font-size: 2rem;
-      display:flex;
-      flex:1;
+      display: flex;
+      flex: 1;
       min-height: 100vh;
       align-items: center;
     }
@@ -37,11 +37,11 @@
     .clock {
       width: 30rem;
       height: 30rem;
-      border:20px solid white;
-      border-radius:50%;
-      margin:50px auto;
+      border: 20px solid white;
+      border-radius: 50%;
+      margin: 50px auto;
       position: relative;
-      padding:2rem;
+      padding: 2rem;
       box-shadow:
         0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
@@ -57,11 +57,11 @@
     }
 
     .hand {
-      width:50%;
-      height:6px;
-      background:black;
+      width: 50%;
+      height: 6px;
+      background: black;
       position: absolute;
-      top:50%;
+      top: 50%;
       transform-origin: 100%;
       transform: rotate(90deg);
       transition: all 0.05s;
diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html
index ee7eaefb1f..7cbf5f6ba6 100644
--- a/02 - JS and CSS Clock/index-START.html	
+++ b/02 - JS and CSS Clock/index-START.html	
@@ -18,9 +18,9 @@
 
   <style>
     html {
-      background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
-      background-size:cover;
-      font-family:'helvetica neue';
+      background: #018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
+      background-size: cover;
+      font-family: 'helvetica neue';
       text-align: center;
       font-size: 10px;
     }
@@ -28,8 +28,8 @@
     body {
       margin: 0;
       font-size: 2rem;
-      display:flex;
-      flex:1;
+      display: flex;
+      flex: 1;
       min-height: 100vh;
       align-items: center;
     }
@@ -37,11 +37,11 @@
     .clock {
       width: 30rem;
       height: 30rem;
-      border:20px solid white;
-      border-radius:50%;
-      margin:50px auto;
+      border: 20px solid white;
+      border-radius: 50%;
+      margin: 50px auto;
       position: relative;
-      padding:2rem;
+      padding: 2rem;
       box-shadow:
         0 0 0 4px rgba(0,0,0,0.1),
         inset 0 0 0 3px #EFEFEF,
@@ -57,11 +57,11 @@
     }
 
     .hand {
-      width:50%;
-      height:6px;
-      background:black;
+      width: 50%;
+      height: 6px;
+      background: black;
       position: absolute;
-      top:50%;
+      top: 50%;
     }
 
   </style>
diff --git a/03 - CSS Variables/index-FINISHED.html b/03 - CSS Variables/index-FINISHED.html
index c931959a74..2f0d1464ff 100644
--- a/03 - CSS Variables/index-FINISHED.html	
+++ b/03 - CSS Variables/index-FINISHED.html	
@@ -55,7 +55,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
     }
 
     input {
-      width:100px;
+      width: 100px;
     }
   </style>
 
diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html
index 8a4f0d556e..6b9b539c09 100644
--- a/03 - CSS Variables/index-START.html	
+++ b/03 - CSS Variables/index-START.html	
@@ -40,7 +40,7 @@ <h2>Update CSS Variables with <span class='hl'>JS</span></h2>
     }
 
     input {
-      width:100px;
+      width: 100px;
     }
   </style>
 
diff --git a/05 - Flex Panel Gallery/index-FINISHED.html b/05 - Flex Panel Gallery/index-FINISHED.html
index f703fed6ae..503695c513 100644
--- a/05 - Flex Panel Gallery/index-FINISHED.html	
+++ b/05 - Flex Panel Gallery/index-FINISHED.html	
@@ -9,30 +9,32 @@
   <style>
     html {
       box-sizing: border-box;
-      background:#ffc600;
-      font-family:'helvetica neue';
+      background: #ffc600;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
     }
+    
     body {
       margin: 0;
     }
+    
     *, *:before, *:after {
       box-sizing: inherit;
     }
 
     .panels {
-      min-height:100vh;
+      min-height: 100vh;
       overflow: hidden;
       display: flex;
     }
 
     .panel {
-      background:#6B0F9C;
-      box-shadow:inset 0 0 0 5px rgba(255,255,255,0.1);
-      color:white;
+      background: #6B0F9C;
+      box-shadow: inset 0 0 0 5px rgba(255,255,255,0.1);
+      color: white;
       text-align: center;
-      align-items:center;
+      align-items: center;
       /* Safari transitionend event.propertyName === flex */
       /* Chrome + FF transitionend event.propertyName === flex-grow */
       transition:
@@ -40,15 +42,14 @@
         flex 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
         background 0.2s;
       font-size: 20px;
-      background-size:cover;
-      background-position:center;
+      background-size: cover;
+      background-position: center;
       flex: 1;
       justify-content: center;
       display: flex;
       flex-direction: column;
     }
 
-
     .panel1 { background-image:url(https://source.unsplash.com/gYl-UtwNg_I/1500x1500); }
     .panel2 { background-image:url(https://source.unsplash.com/rFKUFzjPYiQ/1500x1500); }
     .panel3 { background-image:url(https://images.unsplash.com/photo-1465188162913-8fb5709d6d57?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&cs=tinysrgb&w=1500&h=1500&fit=crop&s=967e8a713a4e395260793fc8c802901d); }
@@ -57,11 +58,11 @@
 
     /* Flex Items */
     .panel > * {
-      margin:0;
+      margin: 0;
       width: 100%;
-      transition:transform 0.5s;
+      transition: transform 0.5s;
       flex: 1 0 auto;
-      display:flex;
+      display: flex;
       justify-content: center;
       align-items: center;
     }
@@ -74,18 +75,18 @@
     .panel p {
       text-transform: uppercase;
       font-family: 'Amatic SC', cursive;
-      text-shadow:0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
+      text-shadow: 0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
       font-size: 2em;
     }
+    
     .panel p:nth-child(2) {
       font-size: 4em;
     }
 
     .panel.open {
       flex: 5;
-      font-size:40px;
+      font-size: 40px;
     }
-
   </style>
 
 
diff --git a/05 - Flex Panel Gallery/index-START.html b/05 - Flex Panel Gallery/index-START.html
index 0c4838b094..71d1c26f00 100644
--- a/05 - Flex Panel Gallery/index-START.html	
+++ b/05 - Flex Panel Gallery/index-START.html	
@@ -9,29 +9,31 @@
   <style>
     html {
       box-sizing: border-box;
-      background:#ffc600;
-      font-family:'helvetica neue';
+      background: #ffc600;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
     }
+    
     body {
       margin: 0;
     }
+    
     *, *:before, *:after {
       box-sizing: inherit;
     }
 
     .panels {
-      min-height:100vh;
+      min-height: 100vh;
       overflow: hidden;
     }
 
     .panel {
-      background:#6B0F9C;
-      box-shadow:inset 0 0 0 5px rgba(255,255,255,0.1);
-      color:white;
+      background: #6B0F9C;
+      box-shadow: inset 0 0 0 5px rgba(255,255,255,0.1);
+      color: white;
       text-align: center;
-      align-items:center;
+      align-items: center;
       /* Safari transitionend event.propertyName === flex */
       /* Chrome + FF transitionend event.propertyName === flex-grow */
       transition:
@@ -39,11 +41,10 @@
         flex 0.7s cubic-bezier(0.61,-0.19, 0.7,-0.11),
         background 0.2s;
       font-size: 20px;
-      background-size:cover;
-      background-position:center;
+      background-size: cover;
+      background-position: center;
     }
 
-
     .panel1 { background-image:url(https://source.unsplash.com/gYl-UtwNg_I/1500x1500); }
     .panel2 { background-image:url(https://source.unsplash.com/rFKUFzjPYiQ/1500x1500); }
     .panel3 { background-image:url(https://images.unsplash.com/photo-1465188162913-8fb5709d6d57?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&cs=tinysrgb&w=1500&h=1500&fit=crop&s=967e8a713a4e395260793fc8c802901d); }
@@ -52,23 +53,24 @@
 
     /* Flex Children */
     .panel > * {
-      margin:0;
+      margin: 0;
       width: 100%;
-      transition:transform 0.5s;
+      transition: transform 0.5s;
     }
 
     .panel p {
       text-transform: uppercase;
       font-family: 'Amatic SC', cursive;
-      text-shadow:0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
+      text-shadow: 0 0 4px rgba(0, 0, 0, 0.72), 0 0 14px rgba(0, 0, 0, 0.45);
       font-size: 2em;
     }
+    
     .panel p:nth-child(2) {
       font-size: 4em;
     }
 
     .panel.open {
-      font-size:40px;
+      font-size: 40px;
     }
 
   </style>
diff --git a/06 - Type Ahead/style.css b/06 - Type Ahead/style.css
index 65b3164ea7..5203de42a4 100644
--- a/06 - Type Ahead/style.css	
+++ b/06 - Type Ahead/style.css	
@@ -1,27 +1,29 @@
     html {
       box-sizing: border-box;
-      background:#ffc600;
-      font-family:'helvetica neue';
+      background: #ffc600;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
     }
+
     *, *:before, *:after {
       box-sizing: inherit;
     }
+
     input {
       width: 100%;
-      padding:20px;
+      padding: 20px;
     }
 
     .search-form {
-      max-width:400px;
-      margin:50px auto;
+      max-width: 400px;
+      margin: 50px auto;
     }
 
     input.search {
       margin: 0;
       text-align: center;
-      outline:0;
+      outline: 0;
       border: 10px solid #F7F7F7;
       width: 120%;
       left: -10%;
@@ -33,23 +35,23 @@
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.19);
     }
 
-
     .suggestions {
       margin: 0;
       padding: 0;
       position: relative;
-      /*perspective:20px;*/
+      /*perspective: 20px;*/
     }
+
     .suggestions li {
-      background:white;
+      background: white;
       list-style: none;
       border-bottom: 1px solid #D8D8D8;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
-      margin:0;
-      padding:20px;
-      transition:background 0.2s;
-      display:flex;
-      justify-content:space-between;
+      margin: 0;
+      padding: 20px;
+      transition: background 0.2s;
+      display: flex;
+      justify-content: space-between;
       text-transform: capitalize;
     }
 
@@ -57,6 +59,7 @@
       transform: perspective(100px) rotateX(3deg) translateY(2px) scale(1.001);
       background: linear-gradient(to bottom,  #ffffff 0%,#EFEFEF 100%);
     }
+
     .suggestions li:nth-child(odd) {
       transform: perspective(100px) rotateX(-3deg) translateY(3px);
       background: linear-gradient(to top,  #ffffff 0%,#EFEFEF 100%);
@@ -67,5 +70,5 @@
     }
 
     .hl {
-      background:#ffc600;
-    }
\ No newline at end of file
+      background: #ffc600;
+    }
diff --git a/07 - Array Cardio Day 2/index-FINISHED.html b/07 - Array Cardio Day 2/index-FINISHED.html
index c8e5b25d3b..24efbf91b0 100644
--- a/07 - Array Cardio Day 2/index-FINISHED.html	
+++ b/07 - Array Cardio Day 2/index-FINISHED.html	
@@ -13,7 +13,7 @@
       { name: 'Wes', year: 1988 },
       { name: 'Kait', year: 1986 },
       { name: 'Irv', year: 1970 },
-      { name: 'Lux', year: 2015 },
+      { name: 'Lux', year: 2015 }
     ];
 
     const comments = [
diff --git a/08 - Fun with HTML5 Canvas/index-FINISHED.html b/08 - Fun with HTML5 Canvas/index-FINISHED.html
index 0791e17d0d..f2c9b120fe 100644
--- a/08 - Fun with HTML5 Canvas/index-FINISHED.html	
+++ b/08 - Fun with HTML5 Canvas/index-FINISHED.html	
@@ -65,7 +65,7 @@
 
 <style>
   html, body {
-    margin:0;
+    margin: 0;
   }
 </style>
 
diff --git a/08 - Fun with HTML5 Canvas/index-START.html b/08 - Fun with HTML5 Canvas/index-START.html
index 37c148df07..9da9b5b3c5 100644
--- a/08 - Fun with HTML5 Canvas/index-START.html	
+++ b/08 - Fun with HTML5 Canvas/index-START.html	
@@ -11,7 +11,7 @@
 
 <style>
   html, body {
-    margin:0;
+    margin: 0;
   }
 </style>
 
diff --git a/10 - Hold Shift and Check Checkboxes/index-FINISHED.html b/10 - Hold Shift and Check Checkboxes/index-FINISHED.html
index 9ccafbcfaa..f2a4a78e43 100644
--- a/10 - Hold Shift and Check Checkboxes/index-FINISHED.html	
+++ b/10 - Hold Shift and Check Checkboxes/index-FINISHED.html	
@@ -9,49 +9,47 @@
 
     html {
       font-family: sans-serif;
-      background:#ffc600;
+      background: #ffc600;
     }
 
     .inbox {
-      max-width:400px;
-      margin:50px auto;
-      background:white;
-      border-radius:5px;
-      box-shadow:10px 10px 0 rgba(0,0,0,0.1);
+      max-width: 400px;
+      margin: 50px auto;
+      background: white;
+      border-radius: 5px;
+      box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
     }
 
     .item {
-      display:flex;
-      align-items:center;
+      display: flex;
+      align-items: center;
       border-bottom: 1px solid #F1F1F1;
     }
 
     .item:last-child {
-      border-bottom:0;
+      border-bottom: 0;
     }
 
 
     input:checked + p {
-      background:#F9F9F9;
+      background: #F9F9F9;
       text-decoration: line-through;
     }
 
     input[type="checkbox"] {
-      margin:20px;
+      margin: 20px;
     }
 
     p {
-      margin:0;
-      padding:20px;
-      transition:background 0.2s;
-      flex:1;
-      font-family:'helvetica neue';
+      margin: 0;
+      padding: 20px;
+      transition: background 0.2s;
+      flex: 1;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
       border-left: 1px solid #D1E2FF;
     }
-
-
   </style>
    <!--
    The following is a common layout you would see in an email client.
diff --git a/10 - Hold Shift and Check Checkboxes/index-START.html b/10 - Hold Shift and Check Checkboxes/index-START.html
index a02071ff00..e65599e6fe 100644
--- a/10 - Hold Shift and Check Checkboxes/index-START.html	
+++ b/10 - Hold Shift and Check Checkboxes/index-START.html	
@@ -9,49 +9,46 @@
 
     html {
       font-family: sans-serif;
-      background:#ffc600;
+      background: #ffc600;
     }
 
     .inbox {
-      max-width:400px;
-      margin:50px auto;
-      background:white;
-      border-radius:5px;
-      box-shadow:10px 10px 0 rgba(0,0,0,0.1);
+      max-width: 400px;
+      margin: 50px auto;
+      background: white;
+      border-radius: 5px;
+      box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
     }
 
     .item {
-      display:flex;
-      align-items:center;
+      display: flex;
+      align-items: center;
       border-bottom: 1px solid #F1F1F1;
     }
 
     .item:last-child {
-      border-bottom:0;
+      border-bottom: 0;
     }
 
-
     input:checked + p {
-      background:#F9F9F9;
+      background: #F9F9F9;
       text-decoration: line-through;
     }
 
     input[type="checkbox"] {
-      margin:20px;
+      margin: 20px;
     }
 
     p {
-      margin:0;
-      padding:20px;
-      transition:background 0.2s;
-      flex:1;
+      margin: 0;
+      padding: 20px;
+      transition: background 0.2s;
+      flex: 1;
       font-family:'helvetica neue';
       font-size: 20px;
       font-weight: 200;
       border-left: 1px solid #D1E2FF;
     }
-
-
   </style>
    <!--
    The following is a common layout you would see in an email client.
diff --git a/11 - Custom Video Player/style.css b/11 - Custom Video Player/style.css
index ab3b5b2ce8..f2420cdf32 100644
--- a/11 - Custom Video Player/style.css	
+++ b/11 - Custom Video Player/style.css	
@@ -9,19 +9,19 @@ html {
 body {
   margin: 0;
   padding: 0;
-  display:flex;
-  background:#7A419B;
-  min-height:100vh;
+  display: flex;
+  background: #7A419B;
+  min-height: 100vh;
   background: linear-gradient(135deg, #7c1599 0%,#921099 48%,#7e4ae8 100%);
-  background-size:cover;
+  background-size: cover;
   align-items: center;
   justify-content: center;
 }
 
 .player {
-  max-width:750px;
-  border:5px solid rgba(0,0,0,0.2);
-  box-shadow:0 0 20px rgba(0,0,0,0.2);
+  max-width: 750px;
+  border: 5px solid rgba(0,0,0,0.2);
+  box-shadow: 0 0 20px rgba(0,0,0,0.2);
   position: relative;
   font-size: 0;
   overflow: hidden;
@@ -43,15 +43,15 @@ body {
 }
 
 .player__button {
-  background:none;
-  border:0;
-  line-height:1;
-  color:white;
+  background: none;
+  border: 0;
+  line-height: 1;
+  color: white;
   text-align: center;
-  outline:0;
+  outline: 0;
   padding: 0;
-  cursor:pointer;
-  max-width:50px;
+  cursor: pointer;
+  max-width: 50px;
 }
 
 .player__button:focus {
@@ -59,19 +59,19 @@ body {
 }
 
 .player__slider {
-  width:10px;
-  height:30px;
+  width: 10px;
+  height: 30px;
 }
 
 .player__controls {
-  display:flex;
+  display: flex;
   position: absolute;
-  bottom:0;
+  bottom: 0;
   width: 100%;
   transform: translateY(100%) translateY(-5px);
-  transition:all .3s;
-  flex-wrap:wrap;
-  background:rgba(0,0,0,0.1);
+  transition: all .3s;
+  flex-wrap: wrap;
+  background: rgba(0,0,0,0.1);
 }
 
 .player:hover .player__controls {
@@ -79,42 +79,44 @@ body {
 }
 
 .player:hover .progress {
-  height:15px;
+  height: 15px;
 }
 
 .player__controls > * {
-  flex:1;
+  flex: 1;
 }
 
 .progress {
-  flex:10;
+  flex: 10;
   position: relative;
-  display:flex;
-  flex-basis:100%;
-  height:5px;
-  transition:height 0.3s;
-  background:rgba(0,0,0,0.5);
-  cursor:ew-resize;
+  display: flex;
+  flex-basis: 100%;
+  height: 5px;
+  transition: height 0.3s;
+  background: rgba(0,0,0,0.5);
+  cursor: ew-resize;
 }
 
 .progress__filled {
-  width:50%;
-  background:#ffc600;
-  flex:0;
-  flex-basis:50%;
+  width: 50%;
+  background: #ffc600;
+  flex: 0;
+  flex-basis: 50%;
 }
 
 /* unholy css to style input type="range" */
 
 input[type=range] {
   -webkit-appearance: none;
-  background:transparent;
+  background: transparent;
   width: 100%;
   margin: 0 5px;
 }
+
 input[type=range]:focus {
   outline: none;
 }
+
 input[type=range]::-webkit-slider-runnable-track {
   width: 100%;
   height: 8.4px;
@@ -124,6 +126,7 @@ input[type=range]::-webkit-slider-runnable-track {
   border-radius: 1.3px;
   border: 0.2px solid rgba(1, 1, 1, 0);
 }
+
 input[type=range]::-webkit-slider-thumb {
   height: 15px;
   width: 15px;
@@ -134,9 +137,11 @@ input[type=range]::-webkit-slider-thumb {
   margin-top: -3.5px;
   box-shadow:0 0 2px rgba(0,0,0,0.2);
 }
+
 input[type=range]:focus::-webkit-slider-runnable-track {
   background: #bada55;
 }
+
 input[type=range]::-moz-range-track {
   width: 100%;
   height: 8.4px;
@@ -146,6 +151,7 @@ input[type=range]::-moz-range-track {
   border-radius: 1.3px;
   border: 0.2px solid rgba(1, 1, 1, 0);
 }
+
 input[type=range]::-moz-range-thumb {
   box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
   height: 15px;
diff --git a/13 - Slide in on Scroll/index-FINISHED.html b/13 - Slide in on Scroll/index-FINISHED.html
index 324bc39fe0..2f8c318d04 100644
--- a/13 - Slide in on Scroll/index-FINISHED.html	
+++ b/13 - Slide in on Scroll/index-FINISHED.html	
@@ -83,14 +83,16 @@ <h1>Slide in on Scroll</h1>
   <style>
     html {
       box-sizing: border-box;
-      background:#ffc600;
-      font-family:'helvetica neue';
+      background: #ffc600;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
     }
+    
     body {
       margin: 0;
     }
+    
     *, *:before, *:after {
       box-sizing: inherit;
     }
@@ -102,36 +104,37 @@ <h1>Slide in on Scroll</h1>
     .site-wrap {
       max-width: 700px;
       margin: 100px auto;
-      background:white;
-      padding:40px;
+      background: white;
+      padding: 40px;
       text-align: justify;
     }
 
     .align-left {
-      float:left;
-      margin-right:20px;
+      float: left;
+      margin-right: 20px;
     }
 
     .align-right {
-      float:right;
-      margin-left:20px;
+      float: right;
+      margin-left: 20px;
     }
 
     .slide-in {
-      opacity:0;
-      transition:all .5s;
+      opacity: 0;
+      transition: all .5s;
     }
 
     .align-left.slide-in {
-      transform:translateX(-30%) scale(0.95);
+      transform: translateX(-30%) scale(0.95);
     }
+    
     .align-right.slide-in {
-      transform:translateX(30%) scale(0.95);
+      transform: translateX(30%) scale(0.95);
     }
 
     .slide-in.active {
-      opacity:1;
-      transform:translateX(0%) scale(1);
+      opacity: 1;
+      transform: translateX(0%) scale(1);
     }
 
   </style>
diff --git a/13 - Slide in on Scroll/index-START.html b/13 - Slide in on Scroll/index-START.html
index 0b9fb8fccb..ad2f0e580a 100644
--- a/13 - Slide in on Scroll/index-START.html	
+++ b/13 - Slide in on Scroll/index-START.html	
@@ -63,14 +63,16 @@ <h1>Slide in on Scroll</h1>
   <style>
     html {
       box-sizing: border-box;
-      background:#ffc600;
-      font-family:'helvetica neue';
+      background: #ffc600;
+      font-family: 'helvetica neue';
       font-size: 20px;
       font-weight: 200;
     }
+    
     body {
       margin: 0;
     }
+    
     *, *:before, *:after {
       box-sizing: inherit;
     }
@@ -82,36 +84,37 @@ <h1>Slide in on Scroll</h1>
     .site-wrap {
       max-width: 700px;
       margin: 100px auto;
-      background:white;
-      padding:40px;
+      background: white;
+      padding: 40px;
       text-align: justify;
     }
 
     .align-left {
-      float:left;
-      margin-right:20px;
+      float: left;
+      margin-right: 20px;
     }
 
     .align-right {
-      float:right;
-      margin-left:20px;
+      float: right;
+      margin-left: 20px;
     }
 
     .slide-in {
-      opacity:0;
-      transition:all .5s;
+      opacity: 0;
+      transition: all .5s;
     }
 
     .align-left.slide-in {
-      transform:translateX(-30%) scale(0.95);
+      transform: translateX(-30%) scale(0.95);
     }
+    
     .align-right.slide-in {
-      transform:translateX(30%) scale(0.95);
+      transform: translateX(30%) scale(0.95);
     }
 
     .slide-in.active {
-      opacity:1;
-      transform:translateX(0%) scale(1);
+      opacity: 1;
+      transform: translateX(0%) scale(1);
     }
 
   </style>
diff --git a/15 - LocalStorage/style.css b/15 - LocalStorage/style.css
index ea5bab179c..2ecadadc37 100644
--- a/15 - LocalStorage/style.css	
+++ b/15 - LocalStorage/style.css	
@@ -1,23 +1,26 @@
 
     html {
       box-sizing: border-box;
-      background:url('http://wes.io/hx9M/oh-la-la.jpg') center no-repeat;
-      background-size:cover;
-      min-height:100vh;
-      display:flex;
+      background: url('http://wes.io/hx9M/oh-la-la.jpg') center no-repeat;
+      background-size: cover;
+      min-height: 100vh;
+      display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
-      font-family: Futura,"Trebuchet MS",Arial,sans-serif
+      font-family: Futura,"Trebuchet MS",Arial,sans-serif;
+    }
+
+    *, *:before, *:after {
+      box-sizing: inherit; 
     }
-    *, *:before, *:after {box-sizing: inherit; }
 
     svg {
       fill:white;
       background: rgba(0,0,0,0.1);
       padding: 20px;
       border-radius: 50%;
-      width:200px;
+      width: 200px;
       margin-bottom: 50px;
     }
 
@@ -49,9 +52,8 @@
     }
 
     .plates label {
-      flex:1;
+      flex: 1;
       cursor: pointer;
-
     }
 
     .plates input {
@@ -72,7 +74,7 @@
     }
 
     .add-items input {
-      padding:10px;
-      outline:0;
-      border:1px solid rgba(0,0,0,0.1);
+      padding: 10px;
+      outline: 0;
+      border: 1px solid rgba(0,0,0,0.1);
     }
diff --git a/16 - Mouse Move Shadow/index-finished.html b/16 - Mouse Move Shadow/index-finished.html
index e9df8df369..fdf6035afd 100644
--- a/16 - Mouse Move Shadow/index-finished.html	
+++ b/16 - Mouse Move Shadow/index-finished.html	
@@ -12,7 +12,7 @@ <h1 contenteditable>🔥WOAH!</h1>
 
   <style>
   html {
-    color:black;
+    color: black;
     font-family: sans-serif;
   }
 
@@ -22,13 +22,12 @@ <h1 contenteditable>🔥WOAH!</h1>
 
   .hero {
     min-height: 100vh;
-    display:flex;
+    display: flex;
     justify-content: center;
     align-items: center;
-    color:black;
+    color: black;
   }
 
-
   h1 {
     text-shadow: 10px 10px 0 rgba(0,0,0,1);
     font-size: 100px;
diff --git a/16 - Mouse Move Shadow/index-start.html b/16 - Mouse Move Shadow/index-start.html
index 543cb51eab..280a4907c2 100644
--- a/16 - Mouse Move Shadow/index-start.html	
+++ b/16 - Mouse Move Shadow/index-start.html	
@@ -12,7 +12,7 @@ <h1 contenteditable>🔥WOAH!</h1>
 
   <style>
   html {
-    color:black;
+    color: black;
     font-family: sans-serif;
   }
 
@@ -22,10 +22,10 @@ <h1 contenteditable>🔥WOAH!</h1>
 
   .hero {
     min-height: 100vh;
-    display:flex;
+    display: flex;
     justify-content: center;
     align-items: center;
-    color:black;
+    color: black;
   }
 
   h1 {
diff --git a/17 - Sort Without Articles/index-FINISHED.html b/17 - Sort Without Articles/index-FINISHED.html
index 4208fb5b18..3dffe7b3e7 100644
--- a/17 - Sort Without Articles/index-FINISHED.html	
+++ b/17 - Sort Without Articles/index-FINISHED.html	
@@ -26,10 +26,12 @@
       padding: 0;
       box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
     }
+    
     #bands li {
       border-bottom: 1px solid #efefef;
       padding: 20px;
     }
+    
     #bands li:last-child {
       border-bottom: 0;
     }
diff --git a/17 - Sort Without Articles/index-START.html b/17 - Sort Without Articles/index-START.html
index 9bbd250a9b..2b6c9546e9 100644
--- a/17 - Sort Without Articles/index-START.html	
+++ b/17 - Sort Without Articles/index-START.html	
@@ -26,10 +26,12 @@
       padding: 0;
       box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
     }
+    
     #bands li {
       border-bottom: 1px solid #efefef;
       padding: 20px;
     }
+    
     #bands li:last-child {
       border-bottom: 0;
     }
diff --git a/19 - Webcam Fun/style.css b/19 - Webcam Fun/style.css
index 410f59d89a..4a5bb622d6 100755
--- a/19 - Webcam Fun/style.css	
+++ b/19 - Webcam Fun/style.css	
@@ -8,14 +8,14 @@ html {
 
 html {
   font-size: 10px;
-  background:#ffc600;
+  background: #ffc600;
 }
 
 .photobooth {
-  background:white;
-  max-width:150rem;
+  background: white;
+  max-width: 150rem;
   margin: 2rem auto;
-  border-radius:2px;
+  border-radius: 2px;
 }
 
 /*clearfix*/
@@ -26,13 +26,13 @@ html {
 }
 
 .photo {
-  width:100%;
-  float:left;
+  width: 100%;
+  float: left;
 }
 
 .player {
   position: absolute;
-  top:20px;
+  top: 20px;
   right: 20px;
   width:200px;
 }
@@ -42,14 +42,15 @@ html {
 */
 
 .strip {
-  padding:2rem;
+  padding: 2rem;
 }
+
 .strip img {
-  width:100px;
+  width: 100px;
   overflow-x: scroll;
-  padding:0.8rem 0.8rem 2.5rem 0.8rem;
-  box-shadow:0 0 3px rgba(0,0,0,0.2);
-  background:white;
+  padding: 0.8rem 0.8rem 2.5rem 0.8rem;
+  box-shadow: 0 0 3px rgba(0,0,0,0.2);
+  background: white;
 }
 
 .strip a:nth-child(5n+1) img { transform: rotate(10deg); }
diff --git a/20 - Speech Detection/index-FINISHED.html b/20 - Speech Detection/index-FINISHED.html
index a2722140da..fdc53090d8 100644
--- a/20 - Speech Detection/index-FINISHED.html	
+++ b/20 - Speech Detection/index-FINISHED.html	
@@ -48,24 +48,25 @@
     }
 
     body {
-      background:#ffc600;
+      background: #ffc600;
       font-family: 'helvetica neue';
       font-weight: 200;
       font-size: 20px;
     }
 
     .words {
-      max-width:500px;
-      margin:50px auto;
-      background:white;
-      border-radius:5px;
-      box-shadow:10px 10px 0 rgba(0,0,0,0.1);
-      padding:1rem 2rem 1rem 5rem;
+      max-width: 500px;
+      margin: 50px auto;
+      background: white;
+      border-radius: 5px;
+      box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
+      padding: 1rem 2rem 1rem 5rem;
       background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
       background-size: 100% 3rem;
       position: relative;
-      line-height:3rem;
+      line-height: 3rem;
     }
+    
     p {
       margin: 0 0 3rem;
     }
diff --git a/20 - Speech Detection/index-START.html b/20 - Speech Detection/index-START.html
index fa472df74e..31b4042563 100644
--- a/20 - Speech Detection/index-START.html	
+++ b/20 - Speech Detection/index-START.html	
@@ -22,24 +22,25 @@
     }
 
     body {
-      background:#ffc600;
+      background: #ffc600;
       font-family: 'helvetica neue';
       font-weight: 200;
       font-size: 20px;
     }
 
     .words {
-      max-width:500px;
-      margin:50px auto;
-      background:white;
-      border-radius:5px;
-      box-shadow:10px 10px 0 rgba(0,0,0,0.1);
-      padding:1rem 2rem 1rem 5rem;
+      max-width: 500px;
+      margin: 50px auto;
+      background: white;
+      border-radius: 5px;
+      box-shadow: 10px 10px 0 rgba(0,0,0,0.1);
+      padding: 1rem 2rem 1rem 5rem;
       background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
       background-size: 100% 3rem;
       position: relative;
-      line-height:3rem;
+      line-height: 3rem;
     }
+    
     p {
       margin: 0 0 3rem;
     }
diff --git a/21 - Geolocation/index-FINISHED.html b/21 - Geolocation/index-FINISHED.html
index a56cd3ddb1..7a8f6db18a 100644
--- a/21 - Geolocation/index-FINISHED.html	
+++ b/21 - Geolocation/index-FINISHED.html	
@@ -18,11 +18,12 @@ <h1 class="speed">
     html {
       font-size: 100px;
     }
+    
     body {
       margin: 0;
       font-family: sans-serif;
-      min-height:100vh;
-      display:flex;
+      min-height: 100vh;
+      display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
@@ -31,24 +32,24 @@ <h1 class="speed">
         radial-gradient(black 15%, transparent 16%) 8px 8px,
         radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
         radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
-      background-color:#282828;
-      background-size:16px 16px;
+      background-color: #282828;
+      background-size: 16px 16px;
       background-attachment: fixed;
     }
 
     .arrow {
-      width:250px;
+      width: 250px;
       overflow: hidden;
       transition: all 0.2s;
-      transform:rotate(0deg);
+      transform: rotate(0deg);
       display: inline-block;
     }
 
     h1 {
-      color:white;
+      color: white;
       font-weight: 100;
       font-size: 60px;
-      display:flex;
+      display: flex;
       align-items: center;
     }
 
diff --git a/21 - Geolocation/index-START.html b/21 - Geolocation/index-START.html
index f3ed587241..6d48c7a6d1 100644
--- a/21 - Geolocation/index-START.html	
+++ b/21 - Geolocation/index-START.html	
@@ -18,11 +18,12 @@ <h1 class="speed">
     html {
       font-size: 100px;
     }
+    
     body {
       margin: 0;
       font-family: sans-serif;
-      min-height:100vh;
-      display:flex;
+      min-height: 100vh;
+      display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
@@ -31,24 +32,24 @@ <h1 class="speed">
         radial-gradient(black 15%, transparent 16%) 8px 8px,
         radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
         radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
-      background-color:#282828;
-      background-size:16px 16px;
+      background-color: #282828;
+      background-size: 16px 16px;
       background-attachment: fixed;
     }
 
     .arrow {
-      width:250px;
+      width: 250px;
       overflow: hidden;
       transition: all 0.2s;
-      transform:rotate(0deg);
+      transform: rotate(0deg);
       display: inline-block;
     }
 
     h1 {
-      color:white;
+      color: white;
       font-weight: 100;
       font-size: 60px;
-      display:flex;
+      display: flex;
       align-items: center;
     }
 
diff --git a/22 - Follow Along Link Highlighter/style.css b/22 - Follow Along Link Highlighter/style.css
index 46f32bdb18..dfd88ef1be 100644
--- a/22 - Follow Along Link Highlighter/style.css	
+++ b/22 - Follow Along Link Highlighter/style.css	
@@ -1,9 +1,11 @@
 html {
   box-sizing: border-box;
 }
+
 *, *:before, *:after {
   box-sizing: inherit;
 }
+
 body {
   min-height: 100vh;
   margin: 0; /* Important! */
@@ -16,8 +18,8 @@ body {
 }
 
 .wrapper {
-  margin:0 auto;
-  max-width:500px;
+  margin: 0 auto;
+  max-width: 500px;
   font-size: 20px;
   line-height: 2;
   position: relative;
@@ -25,20 +27,20 @@ body {
 
 a {
   text-decoration: none;
-  color:black;
-  background:rgba(0,0,0,0.05);
+  color: black;
+  background: rgba(0,0,0,0.05);
   border-radius: 20px;
 }
 
 .highlight {
   transition: all 0.2s;
-  border-bottom:2px solid white;
+  border-bottom: 2px solid white;
   position: absolute;
-  top:0;
-  background:white;
-  left:0;
+  top: 0;
+  background: white;
+  left: 0;
   z-index: -1;
-  border-radius:20px;
+  border-radius: 20px;
   display: block;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
 }
@@ -53,7 +55,7 @@ a {
 
 .menu a {
   display: inline-block;
-  padding:5px;
-  margin:0 20px;
-  color:black;
+  padding: 5px;
+  margin: 0 20px;
+  color: black;
 }
diff --git a/23 - Speech Synthesis/style.css b/23 - Speech Synthesis/style.css
index a7aaa3938b..7439801298 100644
--- a/23 - Speech Synthesis/style.css	
+++ b/23 - Speech Synthesis/style.css	
@@ -11,8 +11,8 @@ body {
   margin: 0;
   padding: 0;
   font-family: sans-serif;
-  background-color:#3BC1AC;
-  display:flex;
+  background-color: #3BC1AC;
+  display: flex;
   min-height: 100vh;
   align-items: center;
 
@@ -25,31 +25,29 @@ body {
   background-size:100px 50px;
 }
 
-
 .voiceinator {
-  padding:2rem;
-  width:50rem;
-  margin:0 auto;
-  border-radius:1rem;
+  padding: 2rem;
+  width: 50rem;
+  margin: 0 auto;
+  border-radius: 1rem;
   position: relative;
-  background:white;
+  background: white;
   overflow: hidden;
   z-index: 1;
-  box-shadow:0 0 5px 5px rgba(0,0,0,0.1);
+  box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
 }
 
 h1 {
-  width:calc(100% + 4rem);
+  width: calc(100% + 4rem);
   margin: -2rem 0 2rem -2rem;
-  padding:.5rem;
+  padding: .5rem;
   background: #ffc600;
   border-bottom: 5px solid #F3C010;
   text-align: center;
   font-size: 5rem;
   font-weight: 100;
   font-family: 'Pacifico', cursive;
-  text-shadow:3px 3px 0 #F3C010;
-
+  text-shadow: 3px 3px 0 #F3C010;
 }
 
 .voiceinator input,
@@ -58,12 +56,12 @@ h1 {
 .voiceinator textarea {
   width: 100%;
   display: block;
-  margin:10px 0;
-  padding:10px;
-  border:0;
+  margin: 10px 0;
+  padding: 10px;
+  border: 0;
   font-size: 2rem;
-  background:#F7F7F7;
-  outline:0;
+  background: #F7F7F7;
+  outline: 0;
 }
 
 textarea {
@@ -75,20 +73,20 @@ input[type="select"] {
 }
 
 .voiceinator button {
-  background:#ffc600;
-  border:0;
+  background: #ffc600;
+  border: 0;
   width: 49%;
-  float:left;
+  float: left;
   font-family: 'Pacifico', cursive;
   margin-bottom: 0;
   font-size: 2rem;
   border-bottom: 5px solid #F3C010;
-  cursor:pointer;
+  cursor: pointer;
   position: relative;
 }
 
 .voiceinator button:active {
-  top:2px;
+  top: 2px;
 }
 
 .voiceinator button:nth-of-type(1) {
diff --git a/24 - Sticky Nav/style-FINISHED.css b/24 - Sticky Nav/style-FINISHED.css
index b551473357..df1922580b 100644
--- a/24 - Sticky Nav/style-FINISHED.css	
+++ b/24 - Sticky Nav/style-FINISHED.css	
@@ -1,13 +1,15 @@
 html {
   box-sizing: border-box;
-  background:#eeeeee;
-  font-family:'helvetica neue';
+  background: #eeeeee;
+  font-family: 'helvetica neue';
   font-size: 20px;
   font-weight: 200;
 }
+
 body {
   margin: 0;
 }
+
 *, *:before, *:after {
   box-sizing: inherit;
 }
@@ -15,8 +17,8 @@ body {
 .site-wrap {
   max-width: 700px;
   margin: 70px auto;
-  background:white;
-  padding:40px;
+  background: white;
+  padding: 40px;
   text-align: justify;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
   transform: scale(0.98);
@@ -27,26 +29,25 @@ body.fixed-nav .site-wrap {
   transform: scale(1);
 }
 
-
 header {
   text-align: center;
-  height:50vh;
-  background:url(http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
-  background-size:cover;
-  display:flex;
-  align-items:center;
+  height: 50vh;
+  background: url(http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
+  background-size: cover;
+  display: flex;
+  align-items: center;
   justify-content: center;
 }
 
 h1 {
-  color:white;
+  color: white;
   font-size: 7vw;
-  text-shadow: 3px 4px 0 rgba(0,0,0,0.2)
+  text-shadow: 3px 4px 0 rgba(0,0,0,0.2);
 }
 
 nav {
-  background:black;
-  top:0;
+  background: black;
+  top: 0;
   width: 100%;
   transition:all 0.5s;
   position: relative;
@@ -55,18 +56,18 @@ nav {
 
 body.fixed-nav nav {
   position: fixed;
-  box-shadow:0 5px 0 rgba(0,0,0,0.1);
+  box-shadow: 0 5px 0 rgba(0,0,0,0.1);
 }
 
 nav ul {
   margin: 0;
-  padding:0;
+  padding: 0;
   list-style: none;
-  display:flex;
+  display: flex;
 }
 
 nav li {
-  flex:1;
+  flex: 1;
   text-align: center;
   display: flex;
   justify-content: center;
@@ -74,7 +75,7 @@ nav li {
 }
 
 li.logo {
-  max-width:0;
+  max-width: 0;
   overflow: hidden;
   background: white;
   transition: all 0.5s;
@@ -83,18 +84,18 @@ li.logo {
 }
 
 li.logo a {
-  color:black;
+  color: black;
 }
 
 .fixed-nav li.logo {
-  max-width:500px;
+  max-width: 500px;
 }
 
 nav a {
   text-decoration: none;
-  padding:20px;
+  padding: 20px;
   display: inline-block;
-  color:white;
-  transition:all 0.2s;
+  color: white;
+  transition: all 0.2s;
   text-transform: uppercase;
 }
diff --git a/24 - Sticky Nav/style-START.css b/24 - Sticky Nav/style-START.css
index c6d59a31b3..b83b9c01ae 100644
--- a/24 - Sticky Nav/style-START.css	
+++ b/24 - Sticky Nav/style-START.css	
@@ -1,13 +1,15 @@
 html {
   box-sizing: border-box;
-  background:#eeeeee;
-  font-family:'helvetica neue';
+  background: #eeeeee;
+  font-family: 'helvetica neue';
   font-size: 20px;
   font-weight: 200;
 }
+
 body {
   margin: 0;
 }
+
 *, *:before, *:after {
   box-sizing: inherit;
 }
@@ -15,8 +17,8 @@ body {
 .site-wrap {
   max-width: 700px;
   margin: 70px auto;
-  background:white;
-  padding:40px;
+  background: white;
+  padding: 40px;
   text-align: justify;
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
   transform: scale(0.98);
@@ -25,25 +27,25 @@ body {
 
 header {
   text-align: center;
-  height:50vh;
-  background:url(http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
-  background-size:cover;
-  display:flex;
-  align-items:center;
+  height: 50vh;
+  background: url(http://wes.io/iEgP/wow-so-deep.jpg) bottom center no-repeat;
+  background-size: cover;
+  display: flex;
+  align-items: center;
   justify-content: center;
 }
 
 h1 {
-  color:white;
+  color: white;
   font-size: 7vw;
-  text-shadow: 3px 4px 0 rgba(0,0,0,0.2)
+  text-shadow: 3px 4px 0 rgba(0,0,0,0.2);
 }
 
 nav {
-  background:black;
-  top:0;
+  background: black;
+  top: 0;
   width: 100%;
-  transition:all 0.5s;
+  transition: all 0.5s;
   position: relative;
   z-index: 1;
 }
@@ -52,11 +54,11 @@ nav ul {
   margin: 0;
   padding:0;
   list-style: none;
-  display:flex;
+  display: flex;
 }
 
 nav li {
-  flex:1;
+  flex: 1;
   text-align: center;
   display: flex;
   justify-content: center;
@@ -64,7 +66,7 @@ nav li {
 }
 
 li.logo {
-  max-width:0;
+  max-width: 0;
   overflow: hidden;
   background: white;
   transition: all .5s;
@@ -73,14 +75,14 @@ li.logo {
 }
 
 li.logo a {
-  color:black;
+  color: black;
 }
 
 nav a {
   text-decoration: none;
-  padding:20px;
+  padding: 20px;
   display: inline-block;
-  color:white;
-  transition:all 0.2s;
+  color: white;
+  transition: all 0.2s;
   text-transform: uppercase;
 }
diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html b/25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html
index 8856df9d89..6515565abd 100644
--- a/25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html	
+++ b/25 - Event Capture, Propagation, Bubbling and Once/index-FINISHED.html	
@@ -17,11 +17,14 @@
   html {
     box-sizing: border-box;
   }
-  *, *:before, *:after { box-sizing: inherit; }
+  
+  *, *:before, *:after { 
+    box-sizing: inherit; 
+  }
 
   div {
-    width:100%;
-    padding:100px;
+    width: 100%;
+    padding: 100px;
   }
 
   .one {
@@ -29,11 +32,11 @@
   }
 
   .two {
-    background:mistyrose;
+    background: mistyrose;
   }
 
   .three {
-    background:coral;
+    background: coral;
   }
 </style>
 
diff --git a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html
index 98f5e070c4..7bd5931e01 100644
--- a/25 - Event Capture, Propagation, Bubbling and Once/index-START.html	
+++ b/25 - Event Capture, Propagation, Bubbling and Once/index-START.html	
@@ -17,11 +17,14 @@
   html {
     box-sizing: border-box;
   }
-  *, *:before, *:after { box-sizing: inherit; }
+  
+  *, *:before, *:after { 
+    box-sizing: inherit; 
+  }
 
   div {
-    width:100%;
-    padding:100px;
+    width: 100%;
+    padding: 100px;
   }
 
   .one {
@@ -29,11 +32,11 @@
   }
 
   .two {
-    background:mistyrose;
+    background: mistyrose;
   }
 
   .three {
-    background:coral;
+    background: coral;
   }
 </style>
 
diff --git a/26 - Stripe Follow Along Nav/index-FINISHED.html b/26 - Stripe Follow Along Nav/index-FINISHED.html
index 23b4aeefb1..90c6888b2d 100644
--- a/26 - Stripe Follow Along Nav/index-FINISHED.html	
+++ b/26 - Stripe Follow Along Nav/index-FINISHED.html	
@@ -77,11 +77,13 @@ <h2>Cool</h2>
 <style>
   html {
     box-sizing: border-box;
-    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif
+    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
   }
+  
   *, *:before, *:after {
     box-sizing: inherit;
   }
+  
   body {
     margin: 0;
     min-height: 100vh;
@@ -107,10 +109,10 @@ <h2>Cool</h2>
     text-decoration: none;
     font-size: 20px;
     background: rgba(0,0,0,0.2);
-    padding:10px 20px;
+    padding: 10px 20px;
     display: inline-block;
-    margin:20px;
-    border-radius:5px;
+    margin: 20px;
+    border-radius: 5px;
   }
 
   nav ul {
@@ -123,7 +125,7 @@ <h2>Cool</h2>
 
   .cool > li {
     position: relative;
-    display:flex;
+    display: flex;
     justify-content: center;
   }
 
@@ -131,9 +133,9 @@ <h2>Cool</h2>
     opacity: 0;
     position: absolute;
     overflow: hidden;
-    padding:20px;
-    top:-20px;
-    border-radius:2px;
+    padding: 20px;
+    top: -20px;
+    border-radius: 2px;
     transition: all 0.5s;
     transform: translateY(100px);
     will-change: opacity;
@@ -147,21 +149,19 @@ <h2>Cool</h2>
   .trigger-enter-active .dropdown {
     opacity: 1;
   }
-
-
-
+  
   .dropdownBackground {
-    width:100px;
-    height:100px;
+    width: 100px;
+    height: 100px;
     position: absolute;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
-    transition:all 0.3s, opacity 0.1s, transform 0.2s;
+    transition: all 0.3s, opacity 0.1s, transform 0.2s;
     transform-origin: 50% 0;
     display: flex;
     justify-content: center;
-    opacity:0;
+    opacity: 0;
   }
 
   .dropdownBackground.open {
@@ -170,28 +170,28 @@ <h2>Cool</h2>
 
   .arrow {
     position: absolute;
-    width:20px;
-    height:20px;
+    width: 20px;
+    height: 20px;
     display: block;
-    background:white;
+    background: white;
     transform: translateY(-50%) rotate(45deg);
   }
 
   .bio {
-    min-width:500px;
-    display:flex;
+    min-width: 500px;
+    display: flex;
     justify-content: center;
     align-items: center;
     line-height: 1.7;
   }
 
   .bio img {
-    float:left;
-    margin-right:20px;
+    float: left;
+    margin-right: 20px;
   }
 
   .courses {
-    min-width:300px;
+    min-width: 300px;
   }
 
   .courses li {
@@ -206,14 +206,13 @@ <h2>Cool</h2>
   }
 
   a.button {
-    background:black;
+    background: black;
     display: block;
-    padding:10px;
-    color:white;
+    padding: 10px;
+    color: white;
     margin-bottom: 10px;
   }
 
-
   /* Matches Twitter, TWITTER, twitter, tWitter, TWiTTeR... */
   .button[href*=twitter] { background: #019FE9; }
   .button[href*=facebook] { background: #3B5998; }
diff --git a/26 - Stripe Follow Along Nav/index-START.html b/26 - Stripe Follow Along Nav/index-START.html
index 037e10164e..608d0a6716 100644
--- a/26 - Stripe Follow Along Nav/index-START.html	
+++ b/26 - Stripe Follow Along Nav/index-START.html	
@@ -77,11 +77,13 @@ <h2>Cool</h2>
 <style>
   html {
     box-sizing: border-box;
-    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif
+    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
   }
+  
   *, *:before, *:after {
     box-sizing: inherit;
   }
+  
   body {
     margin: 0;
     min-height: 100vh;
@@ -107,10 +109,10 @@ <h2>Cool</h2>
     text-decoration: none;
     font-size: 20px;
     background: rgba(0,0,0,0.2);
-    padding:10px 20px;
+    padding: 10px 20px;
     display: inline-block;
-    margin:20px;
-    border-radius:5px;
+    margin: 20px;
+    border-radius: 5px;
   }
 
   nav ul {
@@ -123,7 +125,7 @@ <h2>Cool</h2>
 
   .cool > li {
     position: relative;
-    display:flex;
+    display: flex;
     justify-content: center;
   }
 
@@ -131,9 +133,9 @@ <h2>Cool</h2>
     opacity: 0;
     position: absolute;
     overflow: hidden;
-    padding:20px;
-    top:-20px;
-    border-radius:2px;
+    padding: 20px;
+    top: -20px;
+    border-radius: 2px;
     transition: all 0.5s;
     transform: translateY(100px);
     will-change: opacity;
@@ -147,17 +149,15 @@ <h2>Cool</h2>
   .trigger-enter-active .dropdown {
     opacity: 1;
   }
-
-
-
+  
   .dropdownBackground {
-    width:100px;
-    height:100px;
+    width: 100px;
+    height: 100px;
     position: absolute;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
-    transition:all 0.3s, opacity 0.1s, transform 0.2s;
+    transition: all 0.3s, opacity 0.1s, transform 0.2s;
     transform-origin: 50% 0;
     display: flex;
     justify-content: center;
@@ -170,28 +170,28 @@ <h2>Cool</h2>
 
   .arrow {
     position: absolute;
-    width:20px;
-    height:20px;
+    width: 20px;
+    height: 20px;
     display: block;
-    background:white;
+    background: white;
     transform: translateY(-50%) rotate(45deg);
   }
 
   .bio {
-    min-width:500px;
-    display:flex;
+    min-width: 500px;
+    display: flex;
     justify-content: center;
     align-items: center;
     line-height: 1.7;
   }
 
   .bio img {
-    float:left;
-    margin-right:20px;
+    float: left;
+    margin-right: 20px;
   }
 
   .courses {
-    min-width:300px;
+    min-width: 300px;
   }
 
   .courses li {
@@ -206,14 +206,13 @@ <h2>Cool</h2>
   }
 
   a.button {
-    background:black;
+    background: black;
     display: block;
-    padding:10px;
-    color:white;
+    padding: 10px;
+    color: white;
     margin-bottom: 10px;
   }
 
-
   /* Matches Twitter, TWITTER, twitter, tWitter, TWiTTeR... */
   .button[href*=twitter] { background: #019FE9; }
   .button[href*=facebook] { background: #3B5998; }
diff --git a/27 - Click and Drag/style.css b/27 - Click and Drag/style.css
index 90a553a51b..debd09247a 100644
--- a/27 - Click and Drag/style.css	
+++ b/27 - Click and Drag/style.css	
@@ -19,10 +19,10 @@ body {
 }
 
 .items {
-  height:800px;
+  height: 800px;
   padding: 100px;
-  width:100%;
-  border:1px solid white;
+  width: 100%;
+  border: 1px solid white;
   overflow-x: scroll;
   overflow-y: hidden;
   white-space: nowrap;
@@ -45,14 +45,14 @@ body {
 }
 
 .item {
-  width:200px;
+  width: 200px;
   height: calc(100% - 40px);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 80px;
   font-weight: 100;
-  color:rgba(0,0,0,0.15);
+  color: rgba(0,0,0,0.15);
   box-shadow: inset 0 0 0 10px rgba(0,0,0,0.15);
 }
 
diff --git a/28 - Video Speed Controller/style.css b/28 - Video Speed Controller/style.css
index dbd8b28a29..656c796247 100644
--- a/28 - Video Speed Controller/style.css	
+++ b/28 - Video Speed Controller/style.css	
@@ -1,39 +1,42 @@
 body {
   margin: 0;
-  display:flex;
+  display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
-  background:#4C4C4C url('https://unsplash.it/1500/900?image=1021');
-  background-size:cover;
+  background: #4C4C4C url('https://unsplash.it/1500/900?image=1021');
+  background-size: cover;
   font-family: sans-serif;
 }
+
 .wrapper {
-  width:850px;
-  display:flex;
+  width: 850px;
+  display: flex;
 }
+
 video {
-  box-shadow:0 0 1px 3px rgba(0,0,0,0.1);
+  box-shadow: 0 0 1px 3px rgba(0,0,0,0.1);
 }
 
 .speed {
-  background:#efefef;
-  flex:1;
-  display:flex;
-  align-items:flex-start;
-  margin:10px;
-  border-radius:50px;
-  box-shadow:0 0 1px 3px rgba(0,0,0,0.1);
+  background: #efefef;
+  flex: 1;
+  display: flex;
+  align-items: flex-start;
+  margin: 10px;
+  border-radius: 50px;
+  box-shadow: 0 0 1px 3px rgba(0,0,0,0.1);
   overflow: hidden;
 }
+
 .speed-bar {
-  width:100%;
-  background:linear-gradient(-170deg, #2376ae 0%, #c16ecf 100%);
-  text-shadow:1px 1px 0 rgba(0,0,0,0.2);
+  width: 100%;
+  background: linear-gradient(-170deg, #2376ae 0%, #c16ecf 100%);
+  text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
   display: flex;
   align-items: center;
   justify-content: center;
-  padding:2px;
-  color:white;
-  height:16.3%;
+  padding: 2px;
+  color: white;
+  height: 16.3%;
 }
diff --git a/29 - Countdown Timer/style.css b/29 - Countdown Timer/style.css
index f240799477..f8416c0fb0 100644
--- a/29 - Countdown Timer/style.css	
+++ b/29 - Countdown Timer/style.css	
@@ -10,7 +10,7 @@ html {
 }
 
 body {
-  margin:0;
+  margin: 0;
   text-align: center;
   font-family: 'Inconsolata', monospace;
 }
@@ -19,14 +19,14 @@ body {
   font-weight: 100;
   font-size: 20rem;
   margin: 0;
-  color:white;
-  text-shadow:4px 4px 0 rgba(0,0,0,0.05);
+  color: white;
+  text-shadow: 4px 4px 0 rgba(0,0,0,0.05);
 }
 
 .timer {
-  display:flex;
+  display: flex;
   min-height: 100vh;
-  flex-direction:column;
+  flex-direction: column;
 }
 
 .timer__controls {
@@ -34,43 +34,43 @@ body {
 }
 
 .timer__controls > * {
-  flex:1;
+  flex: 1;
 }
 
 .timer__controls form {
-  flex:1;
-  display:flex;
+  flex: 1;
+  display: flex;
 }
 
 .timer__controls input {
-  flex:1;
-  border:0;
-  padding:2rem;
+  flex: 1;
+  border: 0;
+  padding: 2rem;
 }
 
 .timer__button {
-  background:none;
-  border:0;
+  background: none;
+  border: 0;
   cursor: pointer;
-  color:white;
+  color: white;
   font-size: 2rem;
   text-transform: uppercase;
-  background:rgba(0,0,0,0.1);
-  border-bottom:3px solid rgba(0,0,0,0.2);
-  border-right:1px solid rgba(0,0,0,0.2);
-  padding:1rem;
+  background: rgba(0,0,0,0.1);
+  border-bottom: 3px solid rgba(0,0,0,0.2);
+  border-right: 1px solid rgba(0,0,0,0.2);
+  padding: 1rem;
   font-family: 'Inconsolata', monospace;
 }
 
 .timer__button:hover,
 .timer__button:focus {
-  background:rgba(0,0,0,0.2);
-  outline:0;
+  background: rgba(0,0,0,0.2);
+  outline: 0;
 }
 
 .display {
-  flex:1;
-  display:flex;
+  flex: 1;
+  display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -78,5 +78,5 @@ body {
 
 .display__end-time {
   font-size: 4rem;
-  color:white;
+  color: white;
 }
diff --git a/30 - Whack A Mole/style.css b/30 - Whack A Mole/style.css
index 8fec3f5d8e..03779ff2a7 100644
--- a/30 - Whack A Mole/style.css	
+++ b/30 - Whack A Mole/style.css	
@@ -10,30 +10,30 @@ html {
 
 body {
   padding: 0;
-  margin:0;
+  margin: 0;
   font-family: 'Amatic SC', cursive;
 }
 
 h1 {
   text-align: center;
   font-size: 10rem;
-  line-height:1;
+  line-height: 1;
   margin-bottom: 0;
 }
 
 .score {
-  background:rgba(255,255,255,0.2);
-  padding:0 3rem;
-  line-height:1;
-  border-radius:1rem;
+  background: rgba(255,255,255,0.2);
+  padding: 0 3rem;
+  line-height: 1;
+  border-radius: 1rem;
 }
 
 .game {
-  width:600px;
-  height:400px;
-  display:flex;
-  flex-wrap:wrap;
-  margin:0 auto;
+  width: 600px;
+  height: 400px;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 auto;
 }
 
 .hole {
@@ -45,18 +45,18 @@ h1 {
 .hole:after {
   display: block;
   background: url(dirt.svg) bottom center no-repeat;
-  background-size:contain;
-  content:'';
+  background-size: contain;
+  content: '';
   width: 100%;
   height:70px;
   position: absolute;
   z-index: 2;
-  bottom:-30px;
+  bottom: -30px;
 }
 
 .mole {
-  background:url('mole.svg') bottom center no-repeat;
-  background-size:60%;
+  background: url('mole.svg') bottom center no-repeat;
+  background-size: 60%;
   position: absolute;
   top: 100%;
   width: 100%;
@@ -65,5 +65,5 @@ h1 {
 }
 
 .hole.up .mole {
-  top:0;
+  top: 0;
 }