Linting

styles/globals.css

@@ -1,57 +1,68 @@
 html,
 body {
-  padding: 0;
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    padding: 0;
+    margin: 0;
+    font-family:
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        "Fira Sans",
+        "Droid Sans",
+        "Helvetica Neue",
+        sans-serif;
 }
 
 body {
-  color: black;
-  background: #FAFAFA;
-  padding: 2em;
+    padding: 2em;
+    background: #fafafa;
+    color: black;
 }
 
 body.scroll {
-  width: 100vw;
-  height: 100vh;
-  padding: 0;
+    width: 100vw;
+    height: 100vh;
+    padding: 0;
 }
 
 a {
-  color: inherit;
-  text-decoration: none;
+    color: inherit;
+    text-decoration: none;
 }
 
 * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 :is(h1, h2, h3, h4, h5, h6):is(:first-child) {
-  margin-block-start: 0;
+    margin-block-start: 0;
 }
 
 h3 {
-  margin-block: 1.5em 1em;
+    margin-block: 1.5em 1em;
 }
 
 h4 {
-  margin-block: 1em 0.3em;
-  font-weight: 500;
+    font-weight: 500;
+    margin-block: 1em 0.3em;
 }
 
 @media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-  body {
-    color: white;
-    background: #111;
-  }
+    html {
+        color-scheme: dark;
+    }
+
+    body {
+        background: #111;
+        color: white;
+    }
 }
 
 @media (max-width: 1200px) {
-  body {
-    padding-inline: 0.5em;
-  }
+    body {
+        padding-inline: 0.5em;
+    }
 }