Add: Added New Styling For AuthModel

New Border effect that rolls around the border of the registration.
Use of CSS extension that goes with TailwindCdd

frontend/tailwind.config.js

@@ -1,3 +1,5 @@
+import { transform } from 'typescript';
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: [
@@ -6,13 +8,14 @@ export default {
   ],
   theme: {
     extend: {
-      
+
       animation: {
         moving_text_colour: "moving_text_colour 6s ease-in-out infinite alternate",
-        moving_bg: 'moving_bg 200s linear infinite'
+        moving_bg: 'moving_bg 200s linear infinite',
+        'border-spin': 'border-spin 7s linear infinite',
       },
-      
-      
+
+
       backgroundImage: {
         logo: "linear-gradient(45deg, #60A5FA, #8B5CF6, #EC4899, #FACC15,#60A5FA, #8B5CF6, #EC4899, #FACC15)",
       },
@@ -21,14 +24,20 @@ export default {
         moving_text_colour: {
           "0%": { backgroundPosition: "0% 50%" },
           "100%": { backgroundPosition: "100% 50%" },
+        
+          moving_bg: {
+            '0%': { backgroundPosition: '0% 0%' },
+            '100%': { backgroundPosition: '100% 0%' },
+          }
         },
-        moving_bg: {
-          '0%': { backgroundPosition: '0% 0%' },
-          '100%': { backgroundPosition: '100% 0%' }
-        }
-      }
+        'border-spin': {
+          '100%': {
+            transform: 'rotate(360deg)',
+          },
+        },
+      },
     },
-  },
-  plugins: [
-  ],
+    plugins: [
+    ],
+  }
 };