Combined same color rows and updated styles

src/App.vue

@@ -127,9 +127,7 @@ export default {
           ["Secondary Hair Color", this.colors.hairSecondary],
           ["Eyes", this.colors.eyes],
           ["Eyebrows", this.colors.eyebrows],
-          ["Horns", this.colors.horns],
-          ["Claws", this.colors.claws],
-          ["Nipples", this.colors.nipples],
+          ["Horns / Claws / Nipples", this.colors.horns],
           ["Tail Spikes", this.colors.tailspikes]
         ]
       };
@@ -186,18 +184,15 @@ export default {
 :root {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   font-size: 16px;
-  line-height: 1.2;
+  line-height: 1.5;
 }
 
 #app {
+  font-size: 1.125em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  width: 100%;
+  max-width: 40rem;
   margin: auto;
-
-  @media (min-width: 60em) {
-    width: 60em;
-  }
 }
 
 header {