Update pages/5_Pre-procesing_of_text.py

pages/5_Pre-procesing_of_text.py

@@ -0,0 +1,57 @@
+import streamlit as st
+
+st.markdown(
+    """
+    <style>
+        body {
+            background-color: #f9f9f9; /* Light gray background */
+            font-family: 'Arial', sans-serif;
+        }
+        @keyframes fadeIn {
+            0% { opacity: 0; transform: translateY(-20px); }
+            100% { opacity: 1; transform: translateY(0); }
+        }
+        .title {
+            text-align: center;
+            color: #2c3e50; /* Deep gray-blue */
+            font-size: 3rem;
+            font-weight: bold;
+            animation: fadeIn 1s ease-in-out;
+        }
+        .caption {
+            text-align: center;
+            font-style: italic;
+            font-size: 1.2rem;
+            color: #7f8c8d; /* Soft gray */
+            animation: fadeIn 1.5s ease-in-out;
+        }
+        .section {
+            font-size: 1.1rem;
+            text-align: justify;
+            line-height: 1.8;
+            color: #34495e; /* Muted gray */
+            background: #ffffff; /* White card-style background */
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            animation: fadeIn 2s ease-in-out;
+            margin: 10px 0;
+        }
+        .image-container {
+            text-align: center;
+            margin: 20px 0;
+            animation: fadeIn 2.5s ease-in-out;
+        }
+        .image-container img {
+            border-radius: 15px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+            transition: transform 0.3s ease-in-out;
+        }
+        .image-container img:hover {
+            transform: scale(1.05); /* Subtle zoom effect */
+        }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+