working markdown to html

static/style.css

@@ -6,10 +6,15 @@
   font-display: swap; /* Shows fallback font until custom font loads */
 }
 
+* {
+  color: whitesmoke;
+  font-family: sans-serif;
+  text-align: center;
+}
 
 header {
-  background-color: transparent; /* Light grey background */
-  border-bottom: 1px solid #ddd;
+  background-color: transparent;
+  border-bottom: 1px solid whitesmoke;
   padding: 1rem 1rem;
 }
 
@@ -22,38 +27,36 @@ nav {
 }
 
 nav ul {
-  list-style: none; /* Removes bullet points */
+  list-style: none;
   display: flex;
-  gap: 20px; /* Space between links */
+  gap: 20px;
   margin: 0;
   padding: 0;
 }
 
 #name {
-    font-size: 3rem;
-    margin: 20px;
-    padding: 0px;
-    text-shadow:
-        1px 1px orangered,
-        2px 2px yellow,
-        3px 3px green,
-        4px 4px cornflowerblue;
-    letter-spacing: 2px;
-    width: fit-content;
-    color: whitesmoke;
-    font-family: "Ethnocentric", sans-serif;
+  text-align: center;
+  font-size: 5rem;
+  margin: 20px;
+  padding: 0px;
+  animation: nameShadow 5s linear infinite;
+  letter-spacing: 2px;
+  color: whitesmoke;
+  font-family: "Ethnocentric", sans-serif;
+  transform: skewX(-20deg);
 }
 
-nav a {
-  text-decoration: none;
-  color: #333;
-  font-family: sans-serif;
-}
-
-nav a:hover {
-  color: #007bff; /* Changes color when you hover */
+@keyframes nameShadow {
+  0% {
+    text-shadow: none;
+  }
+  90% {
+    text-shadow: 
+      -6px -3px cornflowerblue, 
+      6px 3px orangered;
+  }
 }
 
 body {
-    background-color: #111;
+  background-image: linear-gradient(315deg, #111, #222);
 }