Add game stats displays

Author: una-ada

css/main.css

@@ -4,10 +4,33 @@
  *  June 4, 2021
  */
 
+/*----- Font -----------------------------------------------------------------*/
+@font-face {
+  font-family: "Una Script";
+  src: url("/assets/fonts/UnaScript-Regular.eot");
+  src: url("/assets/fonts/UnaScript-Regular.eot?#iefix")
+      format("embedded-opentype"),
+    url("/assets/fonts/UnaScript-Regular.woff2") format("woff2"),
+    url("/assets/fonts/UnaScript-Regular.woff") format("woff"),
+    url("/assets/fonts/UnaScript-Regular.svg#Una Script Regular") format("svg");
+  font-weight: 400;
+  font-style: normal;
+  font-stretch: normal;
+  unicode-range: U+0020-0457;
+}
+
 /*---- Override Agent Style --------------------------------------------------*/
+a {
+  color: #333 !important;
+}
 body {
   margin: 0;
 }
+html {
+  color: #333;
+  font-family: 'Una Script', sans-serif;
+  font-size: 20pt;
+}
 
 /*----- Game View ------------------------------------------------------------*/
 gravity {
@@ -17,14 +40,42 @@ gravity {
   position: absolute;
   top: 0;
   width: 100%;
+  z-index: 100;
 }
 gravity > viewarea {
-  background-color: #999;
-  border-radius: 10px;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 3px;
   position: absolute;
 }
 gravity > celestial {
   background-color: #333;
   border-radius: 50%;
   position: absolute;
 }
+
+/*----- Game Stats -----------------------------------------------------------*/
+div#lives, div#message {
+  position: absolute;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  z-index: 200;
+}
+div#lives {
+  bottom: 20px;
+  left: 50px;
+}
+div#message {
+  bottom: 15vh;
+  left: 0;
+  text-align: center;
+  width: 100%;
+}
+div#repo {
+  bottom: 20px;
+  position: absolute;
+  right: 50px;
+  text-align: right;
+  z-index: 200;
+}