update to add widget section

public/css/style.css

@@ -59,7 +59,32 @@
     animation: spin 1s linear infinite;
     margin: 0 auto;
 }
+
 @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* Add fade-out animation for the banner alert */
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+    }
+}
+
+#copyAlert {
+    transition: opacity 0.3s ease-out;
+}
+
+#copyAlert.hidden {
+    opacity: 0;
 }