diff --git a/tailwind.config.js b/tailwind.config.js
index cb9e5c9e..abb6369d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,68 +1,68 @@
 // tailwind.config.js
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  darkMode: ['class', '[data-theme="dark"]'],
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  darkMode: ["class", '[data-theme="dark"]'],
   theme: {
     animation: {
-      'wave': 'wave 2.5s linear infinite',
-      'enter': 'enter 200ms ease-out',
-      'slide-in': 'slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)',
-      'leave': 'leave 150ms ease-in forwards',
-      'bounce-down': 'bounce-down 3s infinite',
+      wave: "wave 2.5s linear infinite",
+      enter: "enter 200ms ease-out",
+      "slide-in": "slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)",
+      leave: "leave 150ms ease-in forwards",
+      "bounce-down": "bounce-down 3s infinite",
     },
     keyframes: {
-      'wave': {
-        '0%': { transform: 'rotate( 0.0deg)' },
-        '10%': { transform: 'rotate(14.0deg)' },
-        '20%': { transform: 'rotate(-8.0deg)' },
-        '30%': { transform: 'rotate(14.0deg)' },
-        '40%': { transform: 'rotate(-4.0deg)' },
-        '50%': { transform: 'rotate(10.0deg)' },
-        '60%': { transform: 'rotate( 0.0deg)' },
-        '100%': { transform: 'rotate( 0.0deg)' },
+      wave: {
+        "0%": { transform: "rotate( 0.0deg)" },
+        "10%": { transform: "rotate(14.0deg)" },
+        "20%": { transform: "rotate(-8.0deg)" },
+        "30%": { transform: "rotate(14.0deg)" },
+        "40%": { transform: "rotate(-4.0deg)" },
+        "50%": { transform: "rotate(10.0deg)" },
+        "60%": { transform: "rotate( 0.0deg)" },
+        "100%": { transform: "rotate( 0.0deg)" },
       },
-      'enter': {
-        '0%': { transform: 'scale(0.8)', opacity: '0' },
-        '100%': { transform: 'scale(1)', opacity: '1' },
+      enter: {
+        "0%": { transform: "scale(0.8)", opacity: "0" },
+        "100%": { transform: "scale(1)", opacity: "1" },
       },
-      'leave': {
-        '0%': { transform: 'scale(1)', opacity: '1' },
-        '100%': { transform: 'scale(0.8)', opacity: '0' },
+      leave: {
+        "0%": { transform: "scale(1)", opacity: "1" },
+        "100%": { transform: "scale(0.8)", opacity: "0" },
       },
-      'slide-in': {
-        '0%': { transform: 'translateY(-100%)' },
-        '100%': { transform: 'translateY(0)' },
+      "slide-in": {
+        "0%": { transform: "translateY(-100%)" },
+        "100%": { transform: "translateY(0)" },
       },
-      'bounce-down': {
-        '0%,20%, 50%,80%,100%': { transform: 'translateY(0)' },
-        '40%': { transform: 'translateY(-8px)' },
-        '60%': { transform: 'translateY(-4px)' },
+      "bounce-down": {
+        "0%,20%, 50%,80%,100%": { transform: "translateY(0)" },
+        "40%": { transform: "translateY(-8px)" },
+        "60%": { transform: "translateY(-4px)" },
       },
     },
     container: {
       center: true,
-      padding: '16px',
+      padding: "16px",
     },
     fontFamily: {
       sans: [
-        'Inter',
-        '-apple-system',
-        'BlinkMacSystemFont',
-        'Segoe UI',
-        'Roboto',
-        'Oxygen-Sans',
-        'Ubuntu,Cantarell',
-        'Helvetica',
-        'sans-serif',
+        "Inter",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        "Segoe UI",
+        "Roboto",
+        "Oxygen-Sans",
+        "Ubuntu,Cantarell",
+        "Helvetica",
+        "sans-serif",
       ],
-      serif: ['Josefin Sans'],
+      serif: ["PPEditorialNew"],
     },
     extend: {
       backgroundImage: {
-        'custom-img': "url('/img/homepage-new/bg.png')",
+        "custom-img": "url('/img/homepage-new/bg.png')",
       },
     },
   },
-  plugins: [require('tailwindcss-animate')],
-}
+  plugins: [require("tailwindcss-animate")],
+};