chore: split out styles + only load where needed

src/assets/styles/pages/404.css

@@ -0,0 +1,7 @@
+.four-oh-four__wrapper .image__banner {
+  margin-bottom: 1.25rem;
+}
+
+.four-oh-four__wrapper a {
+  margin-bottom: 1.25rem;
+}

src/assets/styles/pages/about.css

@@ -0,0 +1,32 @@
+.avatar__wrapper {
+  width: 100%;
+  margin-bottom: 1.5rem;
+}
+
+.avatar__wrapper .avatar__wrapper--interior {
+  width: 16rem;
+  height: 16rem;
+  border: 1px solid var(--blue-600);
+  border-radius: var(--rounded-full);
+  display: flex;
+  padding: 1rem;
+  background-color: var(--white);
+}
+
+.avatar__wrapper,
+.avatar__wrapper .avatar__wrapper--interior {
+  justify-content: center;
+  overflow: hidden;
+}
+
+.avatar__wrapper .avatar__wrapper--interior > * {
+  width: 100%;
+  height: 100%;
+}
+
+@media screen and (min-width: 768px) {
+  .avatar__wrapper .avatar__wrapper--interior {
+    width: 24rem;
+    height: 24rem;
+  }
+}

src/assets/styles/pages/contact.css

@@ -0,0 +1,28 @@
+/* contact */
+.contact__wrapper textarea {
+  height: 10rem;
+  resize: none;
+}
+
+.contact__wrapper .column.contact__description {
+  margin-bottom: 1.5rem;
+}
+
+.contact__wrapper .column.contact__description p:first-child {
+  margin-top: 0;
+}
+
+@media screen and (min-width: 768px) {
+  .contact__wrapper {
+    flex-direction: row;
+  }
+
+  .contact__wrapper .column {
+    width: 50%;
+  }
+
+  .contact__wrapper .column.contact__description {
+    padding-right: 1.5rem;
+    margin-bottom: 0;
+  }
+}

src/assets/styles/pages/now.css

@@ -0,0 +1,37 @@
+/* now */
+.now__section--text {
+  padding-left: 1rem;
+}
+
+.now__section--text p {
+  margin-top: .25rem;
+  margin-bottom: .25rem;
+}
+
+.now__section--text p > svg {
+  display: inline;
+  vertical-align: middle;
+  height: 1.25rem;
+  width: 1.25rem;
+}
+
+.now__section--header {
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.now__section--header:first-of-type {
+  margin-top: 0;
+}
+
+.now__explainer {
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-xs);
+  padding-top: 1rem;
+}
+
+@media screen and (min-width: 768px) {
+  .now__section--text {
+    padding-left: 2rem;
+  }
+}

src/assets/styles/pages/post.css

@@ -0,0 +1,26 @@
+/* embeds */
+.eleventy-plugin-youtube-embed {
+  margin-bottom: 1rem;
+}
+
+/* footnotes */
+hr.footnotes-sep {
+  margin: 2.5rem 0;
+}
+
+.footnotes-list {
+  margin-bottom: 0 !important;
+  padding-left: 0 !important;
+}
+
+.footnotes-list li:last-child {
+  margin-bottom: 0;
+}
+
+.footnotes {
+  padding-bottom: 1.5rem;
+}
+
+.footnote-item > p {
+  display: inline;
+}

src/assets/styles/pages/webrings.css

@@ -0,0 +1,8 @@
+.webring__wrapper {
+  margin-top: 3rem;
+  margin-bottom: 2.5rem;
+}
+
+.webring__wrapper > .webring__centered {
+  justify-content: center;
+}