static/css/main.css

@@ -1,21 +1,19 @@
-@import url('https://api.fonts.coollabs.io/css2?family=Shippori+Antique&display=swap');
-
 html, body {
   min-height: 100vh;
   max-width: 100%;
   margin: 0;
   padding: 0;
-  background: url("/static/img/stars.gif");
+  background-color: black;
+  background-image: url("/static/img/stars.gif");
   color: #ffffff;
 }
 
 body {
   font-family: "Shippori Antique", Arial, Helvetica, sans-serif;
-  display: flex;
-  flex-direction: row;
+  display: grid;
+  place-items: center;
   min-height: 100vh;
   max-width: 100%;
-  align-items: center;
 }
 
 .main {

views/pieces/header.ejs

@@ -1,5 +1,5 @@
 <div class="center header">
-  <img class="pfp" src="/static/img/pfp.png" alt="My profile picture"><br>
+  <img class="pfp" src="/static/img/pfp.jpg" alt="My profile picture"><br>
   <a href="https://twitter.com/camrymel" class="pfp-source">art by @camrymel</a>
   <%- include("./links") %>
 </div>

views/pieces/html-head.ejs

@@ -1,4 +1,7 @@
 <link href="/static/css/main.css" rel="stylesheet">
+<link rel="preconnect" href="https://api.fonts.coollabs.io">
+<link rel="preconnect" href="https://cdn.fonts.coollabs.io" crossorigin>
+<link href="https://api.fonts.coollabs.io/css2?family=Shippori+Antique&display=swap" rel="stylesheet">
 <meta name="title" content="<%= pageTitle %>">
 <meta property="og:title" content="<%= pageTitle %>">
 <meta property="twitter:title" content="<%= pageTitle %>">
@@ -9,7 +12,6 @@
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<link rel="icon" type="image/x-icon" href="/static/img/pfp.png">
 <script defer data-domain="tacohitbox.com" src="https://a.fuckgov.org/js/script.js"></script>