home: css cleanup

home/style.css

@@ -17,32 +17,18 @@ body {
     padding: 20px;
 }
 
-* {
-    font-style: italic;
+p, a, li, ul, h2 {
     color: white;
-    font-weight: 300;
-}
-
-.heavy {
-    font-weight: 400;
-}
-
-.heavier {
-    font-weight: 500;
-}
-
-p, a, li, ul {
+    font-style: italic;
     font-size: 20px;
     @media (max-width: 1024px) {
         font-size: 40px;
     }
 }
 
-.big {
-    font-size: 24px;
-    @media (max-width: 1024px) {
-        font-size: 48px;
-    }
+ul {
+    list-style-type: "» ";
+    padding-left: 1em;
 }
 
 /* tailwind lite */
@@ -57,18 +43,28 @@ p, a, li, ul {
 
 .mt-4 { margin-top: calc(var(--space) * 4); }
 
+.self-start { align-self: flex-start; }
+
+.font-light { font-weight: 300; }
+.font-normal { font-weight: 400; }
+.font-heavy { font-weight: 500; }
+
 .max-w-md {
     max-width: calc(var(--space) * 160);
     @media (max-width: 1024px) {
         max-width: calc(var(--space) * 320);
     }
 }
-
-.self-start { align-self: flex-start; }
 /* tailwind lite */
 
+.big {
+    font-size: 24px;
+    @media (max-width: 1024px) {
+        font-size: 48px;
+    }
+}
+
 .pop {
-    display: inline-block;
     transform-origin: left center;
     transition: transform 0.1s ease;
 }
@@ -77,7 +73,7 @@ p, a, li, ul {
     transform: scale(1.25);
 }
 
-.img {
+.logo {
     object-fit: contain;
     align-self: flex-start;
     max-height: 64px;
@@ -85,8 +81,3 @@ p, a, li, ul {
         max-height: 128px;
     }
 }
-
-ul {
-    list-style-type: "» ";
-    padding-left: 1.2em;
-}