prepare for greatness

style/fonts.css

@@ -0,0 +1,32 @@
+@font-face {
+    font-family: "Pirata One";
+    src: url("../assets/Pirata One.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../assets/Iosevka-Regular-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../assets/Iosevka-Bold-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: italic;
+    font-weight: 400;
+    src: url("../assets/Iosevka-Italic-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: italic;
+    font-weight: 700;
+    src: url("../assets/Iosevka-BoldItalic-subset.woff2") format("woff2");
+}

style/style.css

@@ -1,29 +1,37 @@
-@font-face {
-    font-family: "Pirata One";
-    src: url("../assets/Pirata One.woff2") format("woff2");
+body {
+    min-height: 100dvh;
 }
 
-.body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    overflow: hidden;
-    background-color: black;
-}
-
-.header {
-    font-weight: 600;
+h1 {
     font-family: Pirata One;
     font-size: clamp(1em, 12em, 40vw);
-    user-select: none;
-    line-height: 1;
-    overflow: hidden;
-    color: white;
-}
-
-@supports not (-moz-appearance: none) {
-    .header {
+    font-weight: 600;
+    @supports not (-moz-appearance: none) {
         font-weight: 400;
     }
 }
+
+p {
+    font-family: "Iosevka";
+}
+
+/* tailwind lite */
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+
+.justify-center { justify-content: center; }
+
+.items-center { align-items: center; }
+
+.overflow-hidden { overflow: hidden; }
+
+.leading-none { line-height: 1; }
+
+.max-w-lg { max-width: 32rem }
+
+.select-none { user-select: none; }
+
+.bg-black { background-color: black; }
+
+.text-white { color: white; }
+/* tailwind lite */