added font

static/style.css

@@ -0,0 +1,59 @@
+@font-face {
+  font-family: 'Ethnocentric';
+  src: url('/static/ethnocentric.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap; /* Shows fallback font until custom font loads */
+}
+
+
+header {
+  background-color: transparent; /* Light grey background */
+  border-bottom: 1px solid #ddd;
+  padding: 1rem 1rem;
+}
+
+nav {
+  display: flex; /* Aligns logo and menu horizontally */
+  justify-content: space-between; /* Pushes logo to left, menu to right */
+  align-items: center;
+  max-width: 1000px;
+  margin: 0 auto; /* Centers the header content */
+}
+
+nav ul {
+  list-style: none; /* Removes bullet points */
+  display: flex;
+  gap: 20px; /* Space between links */
+  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;
+}
+
+nav a {
+  text-decoration: none;
+  color: #333;
+  font-family: sans-serif;
+}
+
+nav a:hover {
+  color: #007bff; /* Changes color when you hover */
+}
+
+body {
+    background-color: #111;
+}