feat: added contact info

Author: chelleDrC

styles/globals.css

@@ -31,23 +31,22 @@ body {
   }
 
   /* Change Autocomplete styles in Chrome*/
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus,
-textarea:-webkit-autofill,
-textarea:-webkit-autofill:hover,
-textarea:-webkit-autofill:focus,
-select:-webkit-autofill,
-select:-webkit-autofill:hover,
-select:-webkit-autofill:focus {
-  border-bottom: 1px solid #ffffff;
-  -webkit-text-fill-color: rgb(255, 255, 255);
-  -webkit-box-shadow: 0 0 0px 1000px #25334100 inset;
-  box-shadow: 0 0 0px 1000px #25334100 inset;
-  transition: background-color 5000s ease-in-out 0s;
-  color: white;
-}
-  
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  textarea:-webkit-autofill,
+  textarea:-webkit-autofill:hover,
+  textarea:-webkit-autofill:focus,
+  select:-webkit-autofill,
+  select:-webkit-autofill:hover,
+  select:-webkit-autofill:focus {
+    border-bottom: 1px solid #ffffff;
+    -webkit-text-fill-color: rgb(255, 255, 255);
+    -webkit-box-shadow: 0 0 0px 1000px #25334100 inset;
+    box-shadow: 0 0 0px 1000px #25334100 inset;
+    transition: background-color 5000s ease-in-out 0s;
+    color: white;
+  }
 
   :root {
     --radius: 0.5rem;

tailwind.config.ts

@@ -36,7 +36,8 @@ const config: Config = {
         'button-hovered': 'var(--button-hovered)',
       },
       backgroundImage: {
-        'radial-custom': 'radial-gradient(at top right, #FFC201 0%, #1A3E2A 84%)',
+        'radial-custom':
+          'radial-gradient(at top right, #FFC201 0%, #1A3E2A 84%)',
         'gradient-ltr-lightgreen-transparent':
           'linear-gradient(to right, #36FF90,rgba(115, 115, 115, 0))',
         'gradient-utd-lightgreen-darkgreen':
@@ -99,13 +100,15 @@ const config: Config = {
   },
   plugins: [
     require('tailwindcss-animate'),
-    function (pluginApi: { addUtilities: (utilities: Record<string, any>) => void }) {
+    function (pluginApi: {
+      addUtilities: (utilities: Record<string, any>) => void;
+    }) {
       const { addUtilities } = pluginApi;
       addUtilities({
-        ".text-shadow-sm": { textShadow: "1px 1px 2px rgba(0, 0, 0, 0.3)" },
-        ".text-shadow-md": { textShadow: "2px 2px 4px rgba(0, 0, 0, 0.4)" },
-        ".text-shadow-lg": { textShadow: "3px 3px 6px rgba(0, 0, 0, 0.5)" },
-        ".text-shadow-xl": { textShadow: "4px 4px 8px rgba(0, 0, 0, 0.6)" },
+        '.text-shadow-sm': { textShadow: '1px 1px 2px rgba(0, 0, 0, 0.3)' },
+        '.text-shadow-md': { textShadow: '2px 2px 4px rgba(0, 0, 0, 0.4)' },
+        '.text-shadow-lg': { textShadow: '3px 3px 6px rgba(0, 0, 0, 0.5)' },
+        '.text-shadow-xl': { textShadow: '4px 4px 8px rgba(0, 0, 0, 0.6)' },
       });
     },
   ],