packages/webapp/src/index.css

@@ -3,6 +3,14 @@
 @import "tw-animate-css";
 @import "@fontsource/work-sans";
 
+@font-face {
+  font-family: "Coolvetica";
+  src: url("/public/fonts/Coolvetica.otf") format("opentype");
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+
 :root {
   --background: hsl(220 23% 95%);
   --secondary-background: oklch(100% 0 0);

packages/webapp/src/routes/pazismemod/index.tsx

@@ -8,12 +8,23 @@ export const Route = createFileRoute("/pazismemod/")({
 
 function RouteComponent() {
     return (
-        <div className="h-screen w-screen overflow-hidden bg-black">
+        <div className="relative h-screen w-screen overflow-hidden bg-black">
             <img
                 src={screen1}
                 alt="Pazismemod screenshot"
                 className="h-full w-full object-contain"
             />
+
+            <h1
+                className="pointer-events-none absolute top-6 left-6 text-8xl leading-none text-white"
+                style={{
+                    fontFamily: "\"Coolvetica\", sans-serif",
+                    WebkitTextStroke: "2px black",
+                    textShadow: "0 2px 8px rgba(0, 0, 0, 0.45)",
+                }}
+            >
+                pazisme mod
+            </h1>
         </div>
     )
 }