import streamlit as st
import pandas as pd
import numpy as np 
import matplotlib.pyplot as plt
import random
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: #b3b3ff;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
    </style>
    """, unsafe_allow_html=True) 
st.title("REPRESENTATION OF PROBABILITY")
st.markdown("""Probability is represented in two ways 
<ul class="icon-bullet">
<li>Set Theory or Venn Diagram</li>
<li>Contigency Table</li>
</ul>
""",unsafe_allow_html=True)
st.header("Set Theory or Venn Diagram")
st.write(f"Representing the outcomes in venn Diagram")
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/t8lAbqD7O54hSyYjiIika.png",caption="Venn Diagram",width=400)
st.header("Contigency Table")
st.write(f"Representing all the possible sample space")
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/NHZe8_0ht2WGoZ4VMD2Wr.png",caption="Venn Diagram",width=400)