chore: normalize formatting

src/assets/styles/base/index.css

@@ -1,5 +1,4 @@
-html
-body {
+html body {
   color: var(--text-color);
   background: var(--background-color);
   font-family: var(--font-mono);
@@ -13,8 +12,8 @@ html {
 body {
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-  letter-spacing: -.025rem;
-  word-spacing: -.05rem;
+  letter-spacing: -0.025rem;
+  word-spacing: -0.05rem;
 }
 
 ::-webkit-scrollbar {
@@ -81,7 +80,7 @@ p:not(.banner p) > svg {
 :is(h1, h2, h3, h4, h5, h6):has(svg) {
   display: flex;
   align-items: center;
-  gap: var(--spacing-sm)
+  gap: var(--spacing-sm);
 }
 
 strong,
@@ -125,29 +124,76 @@ svg {
 .search,
 .tattoo,
 .tv {
-  &.article { --section-color: var(--article); }
-  &.books { --section-color: var(--books); }
-  &.brand-github { --section-color: var(--brand-github); }
-  &.brand-mastodon { --section-color: var(--brand-mastodon); }
-  &.brand-npm { --section-color: var(--brand-npm); }
-  &.coffee { --section-color: var(--brand-buy-me-a-coffee); }
-  &.collected { --section-color: var(--collected); }
-  &.concerts { --section-color: var(--concerts); }
-  &.country { --section-color: var(--country); }
-  &.device-tv-old { --section-color: var(--tv); }
-  &.device-watch { --section-color: var(--now); }
-  &.favorite { --section-color: var(--favorite); }
-  &.headphones { --section-color: var(--music); }
-  &.heart-handshake { --section-color: var(--webrings); }
-  &.info-circle { --section-color: var(--about); }
-  &.link { --section-color: var(--link); }
-  &.mail { --section-color: var(--brand-gmail); }
-  &.mail-plus { --section-color: var(--newsletter); }
-  &.movies, &.tv { --section-color: var(--tv); }
-  &.music { --section-color: var(--music); }
-  &.rss { --section-color: var(--brand-rss); }
-  &.search { --section-color: var(--search); }
-  &.tattoo { --section-color: var(--tattoo); }
+  &.article {
+    --section-color: var(--article);
+  }
+  &.books {
+    --section-color: var(--books);
+  }
+  &.brand-github {
+    --section-color: var(--brand-github);
+  }
+  &.brand-mastodon {
+    --section-color: var(--brand-mastodon);
+  }
+  &.brand-npm {
+    --section-color: var(--brand-npm);
+  }
+  &.coffee {
+    --section-color: var(--brand-buy-me-a-coffee);
+  }
+  &.collected {
+    --section-color: var(--collected);
+  }
+  &.concerts {
+    --section-color: var(--concerts);
+  }
+  &.country {
+    --section-color: var(--country);
+  }
+  &.device-tv-old {
+    --section-color: var(--tv);
+  }
+  &.device-watch {
+    --section-color: var(--now);
+  }
+  &.favorite {
+    --section-color: var(--favorite);
+  }
+  &.headphones {
+    --section-color: var(--music);
+  }
+  &.heart-handshake {
+    --section-color: var(--webrings);
+  }
+  &.info-circle {
+    --section-color: var(--about);
+  }
+  &.link {
+    --section-color: var(--link);
+  }
+  &.mail {
+    --section-color: var(--brand-gmail);
+  }
+  &.mail-plus {
+    --section-color: var(--newsletter);
+  }
+  &.movies,
+  &.tv {
+    --section-color: var(--tv);
+  }
+  &.music {
+    --section-color: var(--music);
+  }
+  &.rss {
+    --section-color: var(--brand-rss);
+  }
+  &.search {
+    --section-color: var(--search);
+  }
+  &.tattoo {
+    --section-color: var(--tattoo);
+  }
 
   color: var(--section-color);
 
@@ -173,14 +219,11 @@ a:active,
 :is(.main-title, footer nav.sub-pages) a:focus,
 :is(.main-title, footer nav.sub-pages) a:active {
   color: var(--accent-color-hover);
-  transition: color var(--transition-duration-default) var(--transition-ease-in-out);
+  transition: color var(--transition-duration-default)
+    var(--transition-ease-in-out);
 }
 
-:is(
-    a:has(svg):hover,
-    a:has(svg):active,
-    a:has(svg):focus
-) svg {
+:is(a:has(svg):hover, a:has(svg):active, a:has(svg):focus) svg {
   stroke: var(--accent-color-hover);
 }
 
@@ -201,26 +244,55 @@ a:active,
 }
 
 /* headers */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-md);
   margin: var(--margin-vertical-base-horizontal-zero);
 }
 
-h1 { font-size: var(--font-size-2xl); }
-h2 { font-size: var(--font-size-xl); }
-h3 { font-size: var(--font-size-lg); }
-h4 { font-size: var(--font-size-base); }
-h5 { font-size: var(--font-size-md); }
-h6 { font-size: var(--font-size-sm); }
+h1 {
+  font-size: var(--font-size-2xl);
+}
+h2 {
+  font-size: var(--font-size-xl);
+}
+h3 {
+  font-size: var(--font-size-lg);
+}
+h4 {
+  font-size: var(--font-size-base);
+}
+h5 {
+  font-size: var(--font-size-md);
+}
+h6 {
+  font-size: var(--font-size-sm);
+}
 
 @media screen and (min-width: 768px) {
-  h1 { font-size: var(--font-size-3xl); }
-  h2 { font-size: var(--font-size-2xl); }
-  h3 { font-size: var(--font-size-xl); }
-  h4 { font-size: var(--font-size-lg); }
-  h5 { font-size: var(--font-size-base); }
-  h6 { font-size: var(--font-size-md); }
+  h1 {
+    font-size: var(--font-size-3xl);
+  }
+  h2 {
+    font-size: var(--font-size-2xl);
+  }
+  h3 {
+    font-size: var(--font-size-xl);
+  }
+  h4 {
+    font-size: var(--font-size-lg);
+  }
+  h5 {
+    font-size: var(--font-size-base);
+  }
+  h6 {
+    font-size: var(--font-size-md);
+  }
 }
 
 /* dividers */
@@ -272,7 +344,7 @@ td {
     text-overflow: ellipsis;
 
     &::after {
-      content: '';
+      content: "";
       position: absolute;
       inset-block-start: 0;
       inset-inline-end: 0;
@@ -410,9 +482,9 @@ footer {
   color: var(--text-color);
 }
 
-
 /* lists */
-ul, ol {
+ul,
+ol {
   list-style-position: inside;
   margin: var(--margin-vertical-base-horizontal-zero);
   padding-left: var(--spacing-base);
@@ -428,4 +500,4 @@ ul, ol {
   border-radius: var(--border-radius-slight);
   height: auto;
   width: 100%;
-}
+}

src/assets/styles/components/badge-grid.css

@@ -15,4 +15,4 @@
   & img {
     image-rendering: pixelated;
   }
-}
+}

src/assets/styles/components/banners.css

@@ -37,12 +37,24 @@
   &.old-post,
   &.rss,
   &.warning {
-    &.error { --banner-accent-color: var(--error); }
-    &.github { --banner-accent-color: var(--brand-github); }
-    &.npm { --banner-accent-color: var(--brand-npm); }
-    &.old-post { --banner-accent-color: var(--gray-dark); }
-    &.rss { --banner-accent-color: var(--brand-rss); }
-    &.warning { --banner-accent-color: var(--warning); }
+    &.error {
+      --banner-accent-color: var(--error);
+    }
+    &.github {
+      --banner-accent-color: var(--brand-github);
+    }
+    &.npm {
+      --banner-accent-color: var(--brand-npm);
+    }
+    &.old-post {
+      --banner-accent-color: var(--gray-dark);
+    }
+    &.rss {
+      --banner-accent-color: var(--brand-rss);
+    }
+    &.warning {
+      --banner-accent-color: var(--warning);
+    }
 
     border-color: var(--banner-accent-color);
 
@@ -56,4 +68,4 @@
       stroke: var(--banner-accent-color);
     }
   }
-}
+}

src/assets/styles/components/buttons.css

@@ -1,5 +1,5 @@
-@import url('./tab-buttons.css');
-@import url('./text-toggle.css');
+@import url("./tab-buttons.css");
+@import url("./text-toggle.css");
 
 button,
 .button {
@@ -22,7 +22,8 @@ button,
     color: var(--text-color-inverted);
     background-color: var(--accent-color);
     appearance: none;
-    transition: color var(--transition-duration-default) var(--transition-ease-in-out);
+    transition: color var(--transition-duration-default)
+      var(--transition-ease-in-out);
   }
 
   &:not(.theme-toggle, .active):hover,
@@ -32,4 +33,4 @@ button,
     background-color: var(--accent-color-hover);
     border-color: var(--accent-color-hover);
   }
-}
+}

src/assets/styles/components/forms.css

@@ -1,6 +1,6 @@
 ::placeholder {
   color: var(--text-color);
-  opacity: .5;
+  opacity: 0.5;
 }
 
 input[type="text"],
@@ -90,4 +90,4 @@ fieldset {
       text-decoration: none;
     }
   }
-}
+}

src/assets/styles/components/mastodon-post.css

@@ -1,5 +1,6 @@
 .mastodon-post-wrapper {
-  & dl, dt {
+  & dl,
+  dt {
     display: flex;
   }
 
@@ -7,11 +8,11 @@
     align-items: center;
 
     & dd {
-      margin-left:  var(--spacing-xs);;
+      margin-left: var(--spacing-xs);
 
       &:not(:last-child) {
         margin-right: var(--spacing-lg);
       }
     }
   }
-}
+}

src/assets/styles/components/media-grid.css

@@ -56,7 +56,7 @@
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       top: 0;
       left: 0;
       box-shadow: var(--box-shadow-media);
@@ -64,7 +64,8 @@
       height: 100%;
       border: var(--border-default);
       border-radius: var(--border-radius-slight);
-      transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+      transition: border-color var(--transition-duration-default)
+        var(--transition-ease-in-out);
     }
   }
 
@@ -98,4 +99,4 @@
       overflow: hidden;
     }
   }
-}
+}

src/assets/styles/components/menu.css

@@ -144,4 +144,4 @@ menu {
       display: none;
     }
   }
-}
+}

src/assets/styles/components/modal.css

@@ -64,4 +64,4 @@
       stroke: var(--accent-color-hover);
     }
   }
-}
+}

src/assets/styles/components/music-chart.css

@@ -138,4 +138,4 @@
       }
     }
   }
-}
+}

src/assets/styles/components/paginator.css

@@ -22,4 +22,4 @@
   cursor: not-allowed;
   stroke: var(--gray-medium);
   stroke-width: var(--stroke-width-default);
-}
+}

src/assets/styles/components/progress-bar.css

@@ -10,4 +10,4 @@
     background-color: var(--accent-color);
     border-radius: var(--border-radius-full);
   }
-}
+}

src/assets/styles/components/tab-buttons.css

@@ -37,4 +37,4 @@ input[id="tracks-recent"] ~ [for="tracks-recent"]:has(+ [for="tracks-chart"]) {
 #tracks-chart:not(:checked) ~ [for="tracks-chart"]:hover,
 #tracks-chart:not(:checked) ~ [for="tracks-chart"]:active {
   color: var(--accent-color-hover);
-}
+}

src/assets/styles/components/text-toggle.css

@@ -12,7 +12,7 @@
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       box-shadow: var(--box-shadow-text-toggle);
       width: 100%;
       height: 20%;
@@ -24,4 +24,4 @@
   & + button[data-toggle-button]:has(+ *) {
     margin: 0 0 var(--spacing-base);
   }
-}
+}

src/assets/styles/components/theme-toggle.css

@@ -20,10 +20,14 @@ theme-toggle {
     stroke: var(--accent-color-hover);
   }
 
-  & > .light svg { stroke: var(--sun); }
-  & > .dark svg { stroke: var(--moon); }
+  & > .light svg {
+    stroke: var(--sun);
+  }
+  & > .dark svg {
+    stroke: var(--moon);
+  }
 
-  & > .light ,
+  & > .light,
   & > .dark {
     display: none;
   }
@@ -47,4 +51,4 @@ theme-toggle {
   & .theme-toggle > .dark {
     display: inline;
   }
-}
+}

src/assets/styles/defaults/fonts.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/ml.woff2') format('woff2');
+  src: url("/assets/fonts/ml.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
@@ -8,7 +8,7 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mlb.woff2') format('woff2');
+  src: url("/assets/fonts/mlb.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
@@ -16,7 +16,7 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mli.woff2') format('woff2');
+  src: url("/assets/fonts/mli.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
   font-display: swap;
@@ -24,8 +24,8 @@
 
 @font-face {
   font-family: MonoLisa;
-  src: url('/assets/fonts/mlbi.woff2') format('woff2');
+  src: url("/assets/fonts/mlbi.woff2") format("woff2");
   font-weight: 700;
   font-style: italic;
   font-display: swap;
-}
+}

src/assets/styles/defaults/vars.css

@@ -108,11 +108,12 @@
   --border-gray: 1px solid var(--gray-light);
 
   /* fonts */
-  --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
+  --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono,
+    Lucida Console, ui-monospace, monospace;
 
   /* text */
-  --font-size-xs: .7rem;
-  --font-size-sm: .85rem;
+  --font-size-xs: 0.7rem;
+  --font-size-sm: 0.85rem;
   --font-size-base: 1rem;
   --font-size-lg: 1.15rem;
   --font-size-xl: 1.3rem;
@@ -127,9 +128,9 @@
   --line-height-base: 2;
 
   /* sizing */
-  --sizing-xs: .25rem;
-  --sizing-sm: .5rem;
-  --sizing-md: .75rem;
+  --sizing-xs: 0.25rem;
+  --sizing-sm: 0.5rem;
+  --sizing-md: 0.75rem;
   --sizing-lg: 1rem;
   --sizing-base: 1.5rem;
   --sizing-xl: 1.75rem;

src/assets/styles/feed.xsl

@@ -1,43 +1,57 @@
 <?xml version="1.0" encoding="utf-8"?>
-<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:atom="http://www.w3.org/2005/Atom">
-  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
+<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:atom="http://www.w3.org/2005/Atom">
+  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes" />
   <xsl:template match="/">
     <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
       <head>
-        <title><xsl:value-of select="/rss/channel/title"/></title>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+        <title>
+          <xsl:value-of select="/rss/channel/title" />
+        </title>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
         <link rel="stylesheet" href="/assets/styles/index.css" type="text/css" />
       </head>
       <body class="feed">
         <div class="main-wrapper">
           <main>
             <section class="main-title">
-              <h1><a href="/feeds" tabindex="0"><xsl:value-of select="/rss/channel/title"/></a></h1>
+              <h1>
+                <a href="/feeds" tabindex="0">
+                  <xsl:value-of select="/rss/channel/title" />
+                </a>
+              </h1>
             </section>
             <div class="default-wrapper">
-              <p><xsl:value-of select="/rss/channel/description"/></p>
-              <p><strong class="highlight-text">Subscribe by adding the URL below to your feed reader of choice.</strong></p>
+              <p>
+                <xsl:value-of select="/rss/channel/description" />
+              </p>
+              <p>
+                <strong class="highlight-text">Subscribe by adding the URL below to your feed reader
+                  of choice.</strong>
+              </p>
               <p>
                 <pre class="small">
                   <code><xsl:value-of select="rss/channel/atom:link/@href"/></code>
                 </pre>
               </p>
-              <p><a href="/feeds">View more of the feeds from my site.</a></p>
+              <p>
+                <a href="/feeds">View more of the feeds from my site.</a>
+              </p>
               <hr />
               <section>
                 <xsl:for-each select="/rss/channel/item">
                   <div class="item">
-                    <p class="date">Published: <xsl:value-of select="pubDate"/></p>
+                    <p class="date">Published: <xsl:value-of select="pubDate" /></p>
                     <h3>
                       <a>
                         <xsl:attribute name="href">
-                          <xsl:value-of select="link"/>
+                          <xsl:value-of select="link" />
                         </xsl:attribute>
-                        <xsl:value-of select="title"/>
+                        <xsl:value-of select="title" />
                       </a>
                     </h3>
-                    <xsl:value-of select="description" disable-output-escaping="yes"/>
+                    <xsl:value-of select="description" disable-output-escaping="yes" />
                     <xsl:if test="enclosure">
                       <img src="{enclosure/@url}" alt="{title}" />
                     </xsl:if>
@@ -48,7 +62,10 @@
           </main>
           <footer>
             <hr />
-            <p>Subscribe by adding <code><xsl:value-of select="rss/channel/atom:link/@href"/></code> to your feed reader of choice.</p>
+            <p>Subscribe by adding <code>
+                <xsl:value-of select="rss/channel/atom:link/@href" />
+              </code> to your
+              feed reader of choice.</p>
           </footer>
         </div>
       </body>

src/assets/styles/index.css

@@ -1,40 +1,40 @@
 @layer reset, defaults, base, page, components, plugins;
 
 /* style resets */
-@import url('./reset.css') layer(reset);
+@import url("./reset.css") layer(reset);
 
 /* core defaults */
-@import url('./defaults/fonts.css') layer(defaults);
-@import url('./defaults/vars.css') layer(defaults);
+@import url("./defaults/fonts.css") layer(defaults);
+@import url("./defaults/vars.css") layer(defaults);
 
- /* base styles */
-@import url('./base/index.css') layer(base);
+/* base styles */
+@import url("./base/index.css") layer(base);
 
 /* plugins */
-@import url('./plugins/prism.css') layer(plugins);
+@import url("./plugins/prism.css") layer(plugins);
 
 /* page styles */
-@import url('./pages/about.css') layer(page);
-@import url('./pages/books.css') layer(page);
-@import url('./pages/blogroll.css') layer(page);
-@import url('./pages/contact.css') layer(page);
-@import url('./pages/feeds.css') layer(page);
-@import url('./pages/links.css') layer(page);
-@import url('./pages/music.css') layer(page);
-@import url('./pages/articles.css') layer(page);
-@import url('./pages/watching.css') layer(page);
-@import url('./pages/webrings.css') layer(page);
+@import url("./pages/about.css") layer(page);
+@import url("./pages/books.css") layer(page);
+@import url("./pages/blogroll.css") layer(page);
+@import url("./pages/contact.css") layer(page);
+@import url("./pages/feeds.css") layer(page);
+@import url("./pages/links.css") layer(page);
+@import url("./pages/music.css") layer(page);
+@import url("./pages/articles.css") layer(page);
+@import url("./pages/watching.css") layer(page);
+@import url("./pages/webrings.css") layer(page);
 
 /* component styles */
-@import url('./components/badge-grid.css') layer(components);
-@import url('./components/banners.css') layer(components);
-@import url('./components/buttons.css') layer(components);
-@import url('./components/forms.css') layer(components);
-@import url('./components/mastodon-post.css') layer(components);
-@import url('./components/media-grid.css') layer(components);
-@import url('./components/menu.css') layer(components);
-@import url('./components/modal.css') layer(components);
-@import url('./components/music-chart.css') layer(components);
-@import url('./components/paginator.css') layer(components);
-@import url('./components/progress-bar.css') layer(components);
-@import url('./components/theme-toggle.css') layer(components);
+@import url("./components/badge-grid.css") layer(components);
+@import url("./components/banners.css") layer(components);
+@import url("./components/buttons.css") layer(components);
+@import url("./components/forms.css") layer(components);
+@import url("./components/mastodon-post.css") layer(components);
+@import url("./components/media-grid.css") layer(components);
+@import url("./components/menu.css") layer(components);
+@import url("./components/modal.css") layer(components);
+@import url("./components/music-chart.css") layer(components);
+@import url("./components/paginator.css") layer(components);
+@import url("./components/progress-bar.css") layer(components);
+@import url("./components/theme-toggle.css") layer(components);

src/assets/styles/pages/about.css

@@ -26,4 +26,4 @@
 
 .about-title {
   text-align: center;
-}
+}

src/assets/styles/pages/articles.css

@@ -77,4 +77,4 @@ sup.footnote-ref {
 sup.footnote-ref a,
 .footnote-backref {
   text-decoration: none;
-}
+}

src/assets/styles/pages/blogroll.css

@@ -1,3 +1,3 @@
 .blog-roll-icons {
   display: flex;
-}
+}

src/assets/styles/pages/books.css

@@ -27,7 +27,8 @@
     max-width: calc(var(--sizing-3xl) * 4);
     height: auto;
     aspect-ratio: var(--aspect-ratio-vertical);
-    transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+    transition: border-color var(--transition-duration-default)
+      var(--transition-ease-in-out);
   }
 
   & a:focus img,
@@ -136,4 +137,4 @@
       }
     }
   }
-}
+}

src/assets/styles/pages/contact.css

@@ -43,4 +43,4 @@
   & h2 {
     margin: 0;
   }
-}
+}

src/assets/styles/pages/feeds.css

@@ -44,4 +44,4 @@
   & footer {
     padding-bottom: var(--spacing-3xl);
   }
-}
+}

src/assets/styles/pages/links.css

@@ -13,4 +13,4 @@
     border-radius: var(--border-radius-slight);
     padding: var(--spacing-xs) var(--spacing-sm);
   }
-}
+}

src/assets/styles/pages/music.css

@@ -81,4 +81,4 @@
 
 p.concerts + ul + hr {
   display: none;
-}
+}

src/assets/styles/pages/watching.css

@@ -45,7 +45,7 @@ a:active > .watching.hero::after {
     &::after {
       position: absolute;
       z-index: 1;
-      content: '';
+      content: "";
       top: 0;
       left: 0;
       box-shadow: var(--box-shadow-media);
@@ -53,7 +53,8 @@ a:active > .watching.hero::after {
       height: 100%;
       border: var(--border-default);
       border-radius: var(--border-radius-slight);
-      transition: border-color var(--transition-duration-default) var(--transition-ease-in-out);
+      transition: border-color var(--transition-duration-default)
+        var(--transition-ease-in-out);
     }
   }
 
@@ -98,4 +99,4 @@ a:active > .watching.hero::after {
 
 .icon-link + .poster.grid {
   margin-top: var(--spacing-base);
-}
+}

src/assets/styles/pages/webrings.css

@@ -20,4 +20,4 @@
       display: flex;
     }
   }
-}
+}

src/assets/styles/plugins/prism.css

@@ -20,7 +20,7 @@ pre {
   margin: var(--sizing-xl) 0;
   overflow: auto;
 
-  &  > code {
+  & > code {
     padding: 0;
   }
 }
@@ -108,4 +108,4 @@ pre,
   &.bold {
     font-weight: var(--font-weight-bold);
   }
-}
+}

src/assets/styles/reset.css

@@ -1,4 +1,6 @@
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
   margin: 0;
 }
@@ -9,10 +11,19 @@ body {
   -webkit-text-size-adjust: none;
 }
 
-input, button, textarea, select {
+input,
+button,
+textarea,
+select {
   font: inherit;
 }
 
-p, h1, h2, h3, h4, h5, h6 {
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   overflow-wrap: break-word;
-}
+}

src/assets/styles/styles.json

@@ -1,3 +1,3 @@
 {
   "eleventyExcludeFromCollections": true
-}
+}