import streamlit as st
import pandas as pd
import numpy as np
import streamlit as st
custom_css = """
<style>
    html, body, [data-testid="stAppViewContainer"] {
        background-image: linear-gradient(
            rgba(0, 0, 0, 0.6), 
            rgba(0, 0, 0, 0.6)
        ), 
        url("https://www.istockphoto.com/photo/tech-or-space-background-abstract-3d-illustration-gm1367865109-437999705?utm_source=pixabay&utm_medium=affiliate&utm_campaign=SRP_photo_sponsored&utm_content=https%3A%2F%2Fpixabay.com%2Fphotos%2Fsearch%2Fbackground%2520datascience%2F&utm_term=background+datascience.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        color: white;  /* Ensures all text is readable */
    }
    h2, h3 {
        color: #FFD700; /* Gold color for headings */
    }
    p {
        color: #FFFFFF; /* White text for paragraphs */
    }
</style>
"""

# Inject the CSS into the app
st.markdown(custom_css, unsafe_allow_html=True)
st.markdown("<h2 style='text-align: centre; color: Black;'>📈What is Excel</h2>", unsafe_allow_html=True)
st.markdown(
    "<p style='font-size: 16px; color: White; font-style: italic;'>"
    "Excel is a popular tool for data management and analysis, commonly used to organize datasets that can then be used for machine learning tasks. For machine learning, Excel often serves as an initial data source before the data is preprocessed and fed into ML algorithms for tasks such as classification, regression, clustering, etc"
    "</p>", 
    unsafe_allow_html=True
)
st.markdown("<h2 style='text-align: centre; color: Black;'>📈How to read excel files</h2>", unsafe_allow_html=True)
st.markdown(
    "<p style='font-size: 16px; color: White; font-style: italic;'>"
    "Excel files can be read in various programming languages like python pandas,Matlab,R and Microsoft excel application"
    "</p>", 
    unsafe_allow_html=True
)
st.markdown("<h2 style='text-align: centre; color: Black;'>📈Issues encountered when handling these files</h2>", unsafe_allow_html=True)
st.markdown("1.Corrupted Files")
st.markdown("2.Inconsistent Data Types")
st.markdown("3.Missing or Null Values")
st.markdown("4.Large File Size")
st.markdown("<h2 style='text-align: centre; color: Black;'>📈 how to overcome these errors/issues.</h2>", unsafe_allow_html=True)