import streamlit as st
import pandas as pd
st.markdown("""
    <style>
    /* Set a soft background color */
    body {
        background-color: #eef2f7;
    }
    /* Style for main title */
    h1 {
        color: #00FFFF;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px;
    }
    /* Style for headers */
    h2 {
        color: #FFFACD;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    
    /* Style for subheaders */
     h3 {
        color: #ba95b0;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-top: 20px;
    }
    .custom-subheader {
        color: #00FFFF;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
    }
    /* Paragraph styling */
    p {
        font-family: 'Georgia', serif;
        line-height: 1.8;
        color: #FFFFFF; /* Darker text color for better visibility */
        margin-bottom: 20px;
    }
    /* List styling with checkmark bullets */
    .icon-bullet {
        list-style-type: none;
        padding-left: 20px;
    }
    .icon-bullet li {
        font-family: 'Georgia', serif;
        font-size: 1.1em;
        margin-bottom: 10px;
        color: #FFFFF0; /* Darker text color for better visibility */
    }
    .icon-bullet li::before {
        content: "✔️";
        padding-right: 10px;
        color: #17a2b8;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
     /* Mobile specific styles */
    @media only screen and (max-width: 600px) {
        .stApp {
            background-color: #070109;
        }
        h1, h2 {
            font-size: 18px;  /* Adjust font size for mobile devices */
        }
    }
    </style>
    """, unsafe_allow_html=True)
st.title("Distribution")
st.markdown("""Distribution is a measure will will tell how the shape of data or in which shape the data is spread.It will help in 
analysis.There are few types of distribution
<ul class="icon-bullet">
<li>Normal Distribution</li>
<li>Uniform Distribution</li>
<li>Binomial Distribution</li>
<li>Poisson Distribution</li>
<li>Exponential Distribution</li>
<li>Chi-Square Distribution</li>
<li>T-Distribution</li>
""",unsafe_allow_html=True)