updating font

nextjs/src/app/MyToaster.tsx

@@ -0,0 +1,34 @@
+"use client";
+import React from "react";
+import { Toaster, ToastBar, useToaster } from "react-hot-toast";
+
+export const MyToaster = () => {
+  const { toasts, handlers } = useToaster({ duration: Infinity });
+  const { startPause, endPause } = handlers;
+
+  return (
+    // <Toaster />
+    <Toaster
+      position="top-center"
+      reverseOrder={false}
+      // gutter={8}
+      containerClassName=" flex flex-row w-full "
+      containerStyle={{}}
+      toastOptions={{
+        className: "border-4 border-rose-900 drop-shadow-2xl grow",
+        duration: 5_000,
+        style: {
+          background: "#030712",
+          color: "#e5e7eb",
+          paddingLeft: "2em",
+          paddingRight: "2em",
+          width: "100%"
+        },
+
+        success: {
+          duration: 3000,
+        },
+      }}
+    />
+  );
+};