Visual updates

1 files changed, 25 insertions, 9 deletions

diff --git a/client/css/styles.css b/client/css/styles.css
index 2447369..5f8f1df 100644
--- a/client/css/styles.css
+++ b/client/css/styles.css
@@ -1,14 +1,30 @@
 * {
+    animation: fadeIn 0.5s;
+}
+
+@keyframes fadeIn {
+    0% { opacity: 0; }
+    100% { opacity: 1; }
+}
+
+* {
   padding: 0px;
   margin: 0;
 }
 
+@font-face {
+    font-family: 'Doto';
+    src: url('../fonts/Doto.woff2') format('woff');
+    font-weight: 700;
+}
+
 body {
   background: black;
   color: lightgreen;
   margin: 0px;
   padding: 2vh 4vw;
-  font-family: Monospace;
+  font-family: 'Doto';
+
 }
 
 .logo {
@@ -55,7 +71,7 @@ a:hover {
 button {
   background:black;
   color:red;
-  border: solid 2px;
+  border: dotted 2px;
   width: 100%;
 }
 
@@ -70,29 +86,29 @@ button {
   background:black;
   color:red;
   font-size: 24px;
-  border: solid 2px;
+  border: dotted 2px;
 }
 
 button:hover {
   background:#ffff96;
   color:red;
-  border: solid 2px aliceblue;
+  border: dotted 2px aliceblue;
 }
 
 pre {
-    border: 1px solid;
+    border: 1px dotted;
     overflow-x: auto;
     padding: 0.5vh 1vw;
 }
 
 details {
-    border: 1px solid;
+    border: 1px dotted;
     padding: 1vh 2vw;
     width: 88vh;
 }
 
 summary {
-    border-bottom: 1px solid;
+    border-bottom: 1px dotted;
     padding: 0.5vh 1vw;
 }
 
@@ -129,7 +145,7 @@ summary:hover {
 }
 .previously-played div {
     border-color: purple;
-    border-style: solid;
+    border-style: dotted;
     border-width: 1px;
 }
 
@@ -164,7 +180,7 @@ tr {
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
-    border: 1px solid;
+    border: 1px dotted;
     align-items: center;
 }