import streamlit as st

def main():
    st.set_page_config(page_title="Popular Data Structures")
    
    st.markdown(
        """
        <style>
            body {
                background-color: #c98fbc;
                text-align: center;
                font-size: 50px;
                margin-top: 50px;
                font-family: 'Comic Sans MS', cursive, sans-serif;

            }

            .stApp {
                background-color: #c98fbc;
            }
            
            .stButton>button {
                background-color: #9e3e88;
                color: white;
                font-size: 21px;
                border-radius: 15px;
                width: 300px;
                height: 80px;
                display: block;
                margin: auto;
            }

            .stButton>button:hover {
                background-color: #834985;
                color: white;
            }
            
            .stMarkdown {
                text-align: center;
                font-family: 'Comic Sans MS', cursive, sans-serif;
                margin-top: 30px;
            }
        </style>
        """,
        unsafe_allow_html=True
    )
    
    st.markdown('<div class="main-container" style="font-family:Comic Sans MS, cursive, sans-serif;">', unsafe_allow_html=True)
    st.title("Popular Paradigms")
    
    
    if st.button("What are the most popular NeetCode paradigms?"):
        st.markdown("**Here are some of the most popular neet code paradigms:**")
        st.markdown("- Arrays")
        st.markdown("- Linked Lists")
        st.markdown("- Stacks")
        st.markdown("- Queues")
        st.markdown("- Hash Tables")
        st.markdown("- Trees (e.g., Binary Trees, BST, AVL Trees)")
        st.markdown("- Graphs")
        
if __name__ == "__main__":
    main()