massive site updates

output/main.css

@@ -3,12 +3,12 @@
 
 @font-face {
     font-family: milkyway;
-    src: url("http://localhost:8070/milkyway.ttf");
+    src: url("http://localhost:8080/milkyway.ttf");
 }
 
 @font-face {
     font-family: cantarell;
-    src: url("http://localhost:8070/Cantarell-VF.otf");
+    src: url("http://localhost:8080/Cantarell-VF.otf");
 }
 
 
@@ -23,7 +23,7 @@ body {
     background-color: rgb(65, 48, 68);
 }
 
-body > div {
+body > div.card {
     max-width: 800px;
     width: 100%;
     margin-left: auto;
@@ -96,4 +96,32 @@ a:has(img) {
 a:hover {
     background-position: 0px 100%;
     color: black;
+}
+
+#actualbottom {
+    background-color: black;
+    color: white;
+    font-size: 0.7em;
+    text-align: center;
+}
+
+#bottom {
+    box-shadow: 0px 0px 50px black;
+    background-color: hsl(225, 30%, 26%);
+    padding: 20px;
+    color: white;
+}
+
+#bottom > div {
+    display: flex;
+    flex-direction: row;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+}
+
+#bottom > div > div {
+    padding: 50px;
+    box-sizing: border-box;
 }