update pay function

boilerplate-chakra-pro-main/styles/chrome-bug.css

@@ -0,0 +1,12 @@
+/**
+ * Chrome has a bug with transitions on load since 2012!
+ *
+ * To prevent a "pop" of content, you have to disable all transitions until
+ * the page is done loading.
+ *
+ * https://lab.laukstein.com/bug/input
+ * https://twitter.com/timer150/status/1345217126680899584
+ */
+body.loading * {
+  transition: none !important;
+}

boilerplate-chakra-pro-main/styles/globals.css

@@ -0,0 +1,31 @@
+
+@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"); 
+
+body {
+  font-family: "Plus Jakarta Sans", sans-serif;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+option {
+  color: black;
+}
+
+p {
+  letter-spacing: 0px;
+}
+
+img {
+  pointer-events: none;
+}
+::-moz-selection { /* Code for Firefox */
+  color: white;
+  background: #603CFF;
+}
+
+::selection {
+  color: white;
+  background: #603CFF;
+}