removing dead code

index.html

@@ -37,7 +37,7 @@
 			<p class="simpleText ltr"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> This test tries to represent the wider set of ideas as possible and contains some phrases that can be shocking, notably concerning racism and homosexuality.</p>
 
 			<div class="navButtons">
-				<button class="button" href="/quiz">Start the test</button>
+				<a class="button" href="/quiz">Start the test</a>
 			</div>
 
 		</div>

results.js

@@ -131,16 +131,16 @@ characteristics.sort(function(a, b) {
 });
 
 var charSlogan = {
-  c0: "Equality",
   b0: "Humanity",
   b1: "Fatherland",
-  p0: "Socialism",
-  p1: "Work",
-  m1: "Liberty",
-  s1: "Family",
+  c0: "Equality",
+  e0: "Ecology",
   j0: "Justice",
   j1: "Order",
-  e0: "Ecology",
+  m1: "Liberty",
+  p0: "Socialism",
+  p1: "Work",
+  s1: "Family",
   t0: "Revolution"
 };
 

style.css

@@ -4,8 +4,8 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial,
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
+    Helvetica, Arial, sans-serif;
   font-size: calc(14px + 0.5vmin);
   background-color: #ebebeb;
 }
@@ -118,39 +118,6 @@ h3 {
   width: 15vmin;
   height: 15vmin;
 }
-
-.axisDesc {
-}
-.axisDescLeft,
-.axisDescRight {
-  width: 50%;
-  display: inline-block;
-  position: relative;
-  top: 4vmin;
-  z-index: 4;
-  font-size: 2.5vmin;
-}
-.axisDescLeft {
-  text-align: left;
-}
-.axisDescRight {
-  text-align: right;
-}
-.axisDescLeft p {
-  margin: 0;
-  margin-left: 16vmin;
-}
-.axisDescRight p {
-  margin: 0;
-  margin-right: 16vmin;
-}
-.axisNeutral {
-  background-color: #ebebeb;
-  color: black;
-  text-align: center;
-  z-index: 1;
-  position: relative;
-}
 .axisConstructivism {
   background-color: #a425b6;
   text-align: right;
@@ -216,20 +183,11 @@ h3 {
   text-align: left;
 }
 
-.bonusList {
-  text-align: center;
-}
-.bonus {
-  width: 15vmin;
-  height: 15vmin;
-}
-
 .navButtons {
   margin: 0 auto 1em;
   text-align: center;
   max-width: 400px;
 }
-
 .buttonQuestion,
 .button {
   text-align: center;
@@ -240,25 +198,23 @@ h3 {
   border-radius: 3px;
   text-decoration: none;
   font-size: 18px;
-
 }
-.button:hover {
-  background-color: white;
-  color: #500076;
-}
-
 .button {
   background-color: #500076;
   color: white;
 }
-
 .buttonQuestion,
 #back_button,
 #back_button_off {
   color: white;
   width: 100%;
 }
-
+.button:hover,
+#back_button:hover,
+#back_button_off:hover {
+  background-color: white;
+  color: #500076;
+}
 .buttonLink {
   background-color: #500076;
   color: white;
@@ -310,7 +266,6 @@ h3 {
 }
 
 .scale {
-  font-family: Segoe UI, sans-serif;
   display: flex;
   width: 100%;
   margin-bottom: 1em;
@@ -361,26 +316,22 @@ h3 {
 .scale .axis .axis-bar .axis-right {
   font-size: 3.2vmin;
 }
-.scale .axis .axis-bar .axis-left,
-.scale .axis .axis-bar .axis-right {
-  color: white;
-}
 .scale .axis .axis-bar .axis-left span,
 .scale .axis .axis-bar .axis-right span {
   padding: 0 1.1vmin;
+  color: white;
+  text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
 }
 .scale .axis .axis-bar .axis-left span,
 .scale .axis .axis-bar .axis-center span,
 .scale .axis .axis-bar .axis-right span {
+  line-height: 5vmin;
   vertical-align: middle;
-  }
+}
 .scale .axis .axis-bar .axis-left {
   text-align: right;
 }
 .scale .axis .axis-bar .axis-center {
   text-align: center;
   flex-grow: 1;
-}
-.scale .axis .axis-bar .axis-right {
-  
 }