1 files changed, 53 insertions, 6 deletions

diff --git a/hg.css b/hg.css
index 722f06f..015a3e3 100644
--- a/hg.css
+++ b/hg.css
@@ -2,6 +2,10 @@
   font-family: "StreamSter";
   src: url(./fonts/Streamster.ttf);
 }
+@font-face {
+  font-family: "VCR";
+  src: url(./fonts/VCR_OSD_MONO_1.001.ttf);
+}
 #app,
 body,
 html {
@@ -15,7 +19,7 @@ body {
   padding: 0;
   margin: 0;
   background: #fafafa;
-  font-family: "Helvetica Neue", arial, sans-serif;
+  font-family: "VCR", arial, sans-serif;
   font-weight: 400;
   color: #444;
   -webkit-font-smoothing: antialiased;
@@ -131,7 +135,8 @@ h3#track-name {
   font-weight: 500;
   letter-spacing: 2px;
   color: #e91e63;
-  font-family: "StreamSter", sans-serif;
+  /* font-family: "StreamSter", sans-serif; */
+  font-family: "VCR", sans-serif;
   margin-bottom: 0;
   background: rgb(0 0 0 / 71%);
   padding: 10px;
@@ -149,7 +154,7 @@ hr {
   width: 170px;
   margin: 0 auto;
   color: #dce3e7;
-  font-family: "Droid Serif", serif;
+  font-family: "VCR", serif;
   font-size: 13px;
   font-style: italic;
   line-height: 18px;
@@ -247,19 +252,23 @@ dialog::backdrop {
 .controls {
   font-style: italic;
   font-size: larger;
+  color: #ff0095;
 }
 
 .footer {
   position: absolute;
   bottom: 0px;
-  width: 350px;
+  width: 342px;
   display: flex;
   color: #ffffff;
   z-index: 999;
   justify-content: center;
+  height: 17px;
 }
 
 .footer .footer-items {
+  font-size: 13px;
+  font-family: "VCR", serif;
   text-decoration: none;
   cursor: pointer;
   padding-left: 10px;
@@ -267,15 +276,53 @@ dialog::backdrop {
   justify-content: center;
 }
 
+.footer-items#history {
+  margin-top: 3px;
+}
+
 canvas {
   position: absolute;
   top: 0;
 }
 
-.refresh {
+.buttons {
   z-index: 999;
   cursor: pointer;
   position: relative;
-  float: right;
   user-select: none;
 }
+
+.refresh {
+  float: right;
+}
+
+.fullscreen {
+  float: left;
+  float: left;
+  margin-left: 5px;
+  margin-top: 3px;
+  color: #565656;
+}
+
+.fullscreen svg {
+  height: 10px;
+  width: 10px;
+  color: #ffffffff;
+}
+
+.fullscreen:hover * {
+  color: #ffffff;
+}
+
+.hidden {
+  display: none;
+}
+
+.OVR {
+  position: absolute;
+  bottom: 0;
+  z-index: 999;
+  color: #ffff;
+  right: 0;
+  margin-right: 5px;
+}