old file structure

index.css

@@ -0,0 +1,74 @@
+/* CSS reset (https://www.joshwcomeau.com/css/custom-css-reset) */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+*:not(dialog) {
+  margin: 0;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+input, button, textarea, select {
+  font: inherit;
+}
+
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+#root, #__next {
+  isolation: isolate;
+}
+/* CSS reset */
+
+@font-face {
+    font-family: "Pirata One";
+    src: url("assets/Pirata One.woff2") format("woff2");
+}
+
+.body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow: hidden;
+    background-color: black;
+}
+
+.header {
+    font-weight: 600;
+    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: 400;
+    }
+}