import streamlit as st

# Custom CSS for styling
st.markdown(
    """
    <style>
    .stApp {
        background: linear-gradient(to right, #f3e5f5, #e1bee7);
        color: #4a148c;
    }
    .title {
        text-align: center;
        color: #6a1b9a;
        font-weight: bold;
    }
    .stMarkdown {
        font-size: 16px;
        line-height: 1.6;
    }
    .sidebar-title {
        font-size: 20px;
        font-weight: bold;
        color: #6a1b9a;
    }
    </style>
    """,
    unsafe_allow_html=True
)

# Set page title
st.title("🏏 Cricket Team Players")

# Introduction about the players
st.markdown(
    """
    ## 🏆 Introduction to Team Players  
    Every successful cricket team is built on a strong foundation of talented players who contribute with their unique skills.  
    A well-balanced team consists of skilled batsmen, versatile all-rounders, and impactful bowlers who work together to achieve victory.  
    
    **Player Categories:**  
    - **⚡ Batsmen:** Responsible for scoring runs, building partnerships, and setting or chasing targets. Some are aggressive strikers, while others anchor the innings.  
    - **🎯 Bowlers:** A mix of fast bowlers and spinners bring variety to the attack, focusing on taking wickets and maintaining control over the opposition.  
    - **🔄 All-Rounders:** Players who contribute with both bat and ball provide balance to the team, often playing crucial roles in match situations.  
    - **🧤 Wicketkeepers:** The backbone of the fielding unit, wicketkeepers not only take catches and stumpings but also contribute with the bat.  
    
    With a blend of experience and emerging talent, the team thrives on teamwork, strategy, and determination to succeed on the field.  
    """,
    unsafe_allow_html=True
)

# Sidebar - Author Details
st.sidebar.markdown("<p class='sidebar-title'>📌 Author Details</p>", unsafe_allow_html=True)
st.sidebar.markdown("**👤 Name:** Shweta Singh")  
st.sidebar.markdown("**📧 Email:** singhshwet05@gmail.com")