import gradio as gr

# Function to greet the user
def greet(name):
    return f"Hello, {name}!"


css = """ 
.gradio-container {
    background-color: #c48fc4;  /* Pink background */
    font-family: "Gradio";  /* Fun font */
    text-align: center;
}

.gradio-button {
        background-color: #FF66B2;  /* Pink button */
        color: white;
        font-size: 18px;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .gradio-button:hover {
        background-color: #FF3385;  /* Lighter pink on hover */
    }
    .gradio-input textarea {
        background-color: #FFCCE5;  /* Light pink input box */
        border-radius: 10px;
        border: 2px solid #FF66B2;
        padding: 10px;
        font-size: 16px;
    }
    .gradio-input textarea:focus {
        border-color: #FF3385;  /* Focus effect for the input box */
    }
    .gradio-output {
        background-color: #FFF0F6;  /* Soft pink background for output */
        border-radius: 10px;
        padding: 15px;
        font-size: 18px;
        color: #FF66B2;  /* Pink text for the response */
    }
    .gradio-interface {
        padding-top: 30px;
    }
"""

# Creating a Gradio interface
demo = gr.Interface(
    fn=greet, inputs="text", 
    outputs="text", 
    title="Cute Greeting App", 
    description="This app greets the user with a fun message!", 
    css=css
)

# Launch the app
demo.launch()