Major style update including the logo

style.css

@@ -78,6 +78,7 @@ pre {
 
 .header {
   display: flex;
+  flex-direction: column;
   align-items: center;
   text-decoration: none;
   border: none;
@@ -91,7 +92,6 @@ pre {
   font-size: 20px;
   font-family: "JetBrains Mono Bold", monospace;
   color: #333;
-  margin-left: 10px;
 }
 
 .logo {
@@ -165,6 +165,10 @@ hr::after {
   height: 0;
 }
 
+footer {
+  margin-bottom: 3em;
+}
+
 @media only screen and (max-width: 700px) {
   body {
     width: 100%;
@@ -172,3 +176,10 @@ hr::after {
     padding: 1em;
   }
 }
+
+@media only screen and (max-width: 540px) {
+  .header p img {
+    width: 100%;
+    height: auto;
+  }
+}