Template:Main Page/styles.css

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 .fp-welcome-box {
-     border-left: 6px solid;
+     background-color: #f8f9fa;
-     border-image: linear-gradient(to bottom, #4f46e5, #06b6d4) 1;
+     border: 1px solid #ccc;
-     background-color: #f9fafb;
+     border-radius: 8px;
      padding: 2em;
+    text-align: center;
      font-family: Georgia, serif;
-     border-radius: 8px;
+     opacity: 0;
-     box-shadow: 0 0 10px rgba(0,0,0,0.05);
+     animation: fadeInBox 1s ease-in-out forwards;
-    text-align: center;
 }
+@keyframes fadeInBox {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}