cleaning css and adding memes

results.js

@@ -609,7 +609,7 @@ function onImageLoaded() {
       ctx.fillStyle = "#ffffff";
       ctx.font = "bold 25px sans-serif";
       ctx.textAlign = "left";
-      ctx.fillText("PolitiScales", 10, 30);
+      ctx.fillText("🅱️olitiScales", 10, 30);
 
       ctx.fillStyle = "#ffffff";
       ctx.font = "bold 15px sans-serif";

style.css

@@ -1,7 +1,3 @@
-* {
-  box-sizing: border-box;
-}
-
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
@@ -32,13 +28,18 @@ body {
 
 #footer {
   padding: 1em;
-  text-align: center;
+  border-bottom: 1em solid #500076;
+}
+#footer p {
+  max-width: 640px;
+  margin: 0 auto;
 }
 
 hr {
-  border-top: #c5c5c5 0.2vmin solid;
-  margin-top: 4vmin;
-  margin-bottom: 5vmin;
+  background-color: #c5c5c5;
+  border: none;
+  margin: 2em 0;
+  height: 4px;
 }
 
 a {
@@ -236,14 +237,14 @@ h3 {
   text-align: center;
 }
 .flagDecoration canvas {
-  border: solid 1px grey;
+  box-shadow: 0 1px 1px 1px #aaa;
   max-width: 70vmin;
 }
 .generatedResultsDecorations {
   text-align: center;
 }
 .generatedResultsDecorations canvas {
-  border: solid 1px grey;
+  box-shadow: 0 1px 1px 1px #aaa;
   max-width: 800px;
   width: 100%;
 }