Graphical changes, essentially colors

front/src/css/main.css

@@ -4,7 +4,7 @@ html {
 body {
   margin: 0 auto;
   max-width: 1280px;
-  background: #9c4274;
+  background: #212240;
   color: #fff;
   font-size: 16px;
   text-align: center;
@@ -20,11 +20,8 @@ button {
 input[type=submit] {
   cursor: pointer;
 }
-h1 span {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  color: #ffa319;
+h1 {
+  font-weight: 200;
 }
 .resultsMenu {
   margin-top: 2em;
@@ -35,7 +32,7 @@ h1 span {
   width: 8em;
   height: 7em;
   color: #fff;
-  border: 3px solid #fff;
+  border: 2px solid #fff;
   border-radius: 0.5em;
   cursor: pointer;
   text-decoration: none;
@@ -45,12 +42,8 @@ h1 span {
 }
 .resultsMenu .menuItem.back,
 .resultsMenu .menuItem.restart {
-  color: #413;
-  border-color: #413;
-}
-.resultsMenu .menuItem.back svg,
-.resultsMenu .menuItem.restart svg {
-  fill: #413;
+  color: #fff;
+  border-color: #fff;
 }
 .resultsMenu .menuItem div {
   padding-top: 0.5em;
@@ -259,7 +252,7 @@ a.linkButton {
 }
 .footer {
   padding: 3em;
-  color: #413;
+  color: #fff;
 }
 .footer a {
   color: inherit;
@@ -273,3 +266,6 @@ a.linkButton {
 .footer .sponsor {
   font-size: 0.9em;
 }
+.homeSponsor {
+  color: #ffa319;
+}