diff --git a/assets/Iosevka-Bold-subset.woff2 b/assets/Iosevka-Bold-subset.woff2
new file mode 100644
index 0000000..717b563
Binary files /dev/null and b/assets/Iosevka-Bold-subset.woff2 differ
diff --git a/assets/Iosevka-BoldItalic-subset.woff2 b/assets/Iosevka-BoldItalic-subset.woff2
new file mode 100644
index 0000000..218487b
Binary files /dev/null and b/assets/Iosevka-BoldItalic-subset.woff2 differ
diff --git a/assets/Iosevka-Italic-subset.woff2 b/assets/Iosevka-Italic-subset.woff2
new file mode 100644
index 0000000..0576a09
Binary files /dev/null and b/assets/Iosevka-Italic-subset.woff2 differ
diff --git a/assets/Iosevka-Regular-subset.woff2 b/assets/Iosevka-Regular-subset.woff2
new file mode 100644
index 0000000..433c155
Binary files /dev/null and b/assets/Iosevka-Regular-subset.woff2 differ
diff --git a/index.html b/index.html
index 0c89519..46ddad4 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,21 @@
+
futile
+
-
-
+
+
+
+
+
+
diff --git a/style/fonts.css b/style/fonts.css
new file mode 100644
index 0000000..a16cfd9
--- /dev/null
+++ b/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");
+}
diff --git a/style/style.css b/style/style.css
index 5976312..c1a1d81 100644
--- a/style/style.css
+++ b/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 */