feat: add two fonts (Title and Content)

input.css

@@ -3,9 +3,15 @@
 @source './static/**/*.js';
 @source './template/**/*.templ';
 
-@theme {
-  --animate-fade: fadeOut 0.25s ease-in;
+body {
+	@apply font-shippori
+}
 
+@theme {
+	--font-pirata: "Pirata One", sans-serif;
+	--font-shippori: "Shippori Mincho", sans-serif;
+
+  --animate-fade: fadeOut 0.25s ease-in;
   @keyframes fadeOut {
     0% {
       opacity: 1;
@@ -16,3 +22,12 @@
   }
 }
 
+@font-face {
+  font-family: "Pirata One";
+  src: url("/static/font/pirata_one/PirataOne-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Shippori Mincho";
+  src: url("/static/font/shippori_mincho/ShipporiMincho-Medium.ttf") format("truetype");
+}