change styling to match my site

src/style.css

@@ -1,37 +1,67 @@
-/* perfect motherfucking website */
-body {
- max-width:650px;
- margin:40px auto;
- padding:0 10px;
- font:18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- color:#444
-}
-h1, h2, h3 {
- line-height:1.2
-}
-@media (prefers-color-scheme: dark) {
- body {
-  color:white;
-  background:#444
- }
- a:link {
-  color:#5bf
- }
- a:visited {
-  color:#ccf
- }
-}
-
-/* additions */
-nav {
-  border-bottom: solid 1px grey;
-  text-align: center;
-}
-footer {
-  border-top: solid 1px grey;
-  text-align: center;
-}
-nav a {
-  padding-right: 10px;
-}
-
+@font-face {
+  font-family: "Computer Modern Serif";
+  src: url(/font/cmunrm.ttf);
+}
+
+@font-face {
+  font-family: "Computer Modern Serif";
+  src: url(/font/cmunbx.ttf);
+  font-weight: bold;
+}
+
+body {
+  font-family: "Computer Modern Serif", serif;
+  font-size: 16pt;
+  font-variant-ligatures: none;
+  margin: 50px auto;
+  padding: 0 10px;
+  max-width: 650px;
+  color: #444;
+}
+
+.homelink {
+  margin-bottom: 25px;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    color:white;
+    background:#444
+  }
+  a:link {
+    color:#5bf
+  }
+  a:visited {
+    color:#ccf
+  }
+}
+
+h1, h2, h3 {
+  line-height: 1.2;
+}
+
+a {
+  color: #524632;
+}
+
+hr {
+  width: 75%;
+  border: none;
+  height: 1px;
+  color: #292f36;
+  background-color: #292f36;
+}
+
+ul {
+  list-style-type: square;
+}
+
+blockquote {
+  font-style: italic;
+  padding-left: 20px;
+  border-left: 3px solid #78c0a8;
+}
+
+code {
+  font-size: 0.9em;
+}