import streamlit as st
import requests
import json
from PIL import Image
import matplotlib.pyplot as plt
import numpy as np
from io import BytesIO

# Styles
st.markdown(
    """
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <style>
    body {
        font-family: 'Roboto', sans-serif;
    }
    .sidebar .sidebar-content {
        background-color: #f0f0f5; /* Light gray */
    }
    .stButton > button {
        background-color: #4CAF50; /* Green */
        color: white;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    }
    .stTextArea > textarea {
        border-radius: 10px;
        border: 2px solid #4CAF50; /* Green */
        padding: 10px;
        font-size: 16px;
    }
    .stImage {
        border: 2px solid #4CAF50; /* Green */
        border-radius: 10px;
    }
    </style>
    """,
    unsafe_allow_html=True,
)

# Rest of your app code
st.markdown("<h1 style='text-align: center;'>Tamil to English Translation and Story Generation App</h1>", unsafe_allow_html=True)
# Sidebar, input fields, and functionality continue as before...