Added logo

1 files changed, 47 insertions, 1 deletions

diff --git a/client/css/styles.css b/client/css/styles.css
index ee8d0de..66d5585 100644
--- a/client/css/styles.css
+++ b/client/css/styles.css
@@ -5,6 +5,18 @@ body {
   padding: 2vh 4vw;
 }
 
+.logo {
+    max-width: 128px;
+}
+
+.header {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: start;
+}
+
 div {
     display: flex;
     flex-direction: column;
@@ -32,6 +44,7 @@ button {
 button {
   background:black;
   color:red;
+  font-size: 24px;
   border: solid 2px;
 }
 
@@ -41,9 +54,39 @@ button:hover {
   border: solid 2px aliceblue;
 }
 
+pre {
+    border: 1px solid;
+    overflow-x: auto;
+    padding: 0.5vh 1vw;
+}
+
+details {
+    border: 1px solid;
+    padding: 1vh 2vw;
+}
+
+summary {
+    border-bottom: 1px solid;
+    padding: 0.5vh 1vw;
+}
+
+summary:hover {
+    background-color: lightgreen;
+    color: black;
+}
+
+.div-inline {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: space-evenly;
+}
+
 table {
     background-color: lightgreen;
 }
+
 th, td {
     background-color: black;
     padding: 2px;
@@ -53,7 +96,10 @@ tr {
     background-color: black;
     display: flex;
     flex-direction: row;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    border: 1px solid;
+    align-items: center;
 }
 
 audio {