style.css

/* General Styling */
body {
    font-family: 'Serif', sans-serif !important;
    background-color: #e9eef3 !important;
    color: #161616 !important;
}

/* Button Styling */
.stButton>button {
    background-color: #6ff383 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.stButton>button:hover {
    background-color: #5fc971 !important;
}

/* Main Title Styling */
.main-title {
    text-align: center !important;
    font-weight: bold !important;
    font-size: 36px !important;
    color: #161616 !important;
    margin-bottom: 20px !important;
}

/* Translated Text Box */
.translated-text {
    font-size: 18px !important;
    padding: 15px !important;
    background-color: #f2f3f7 !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin: 10px 0 !important;
    color: #161616 !important;
    line-height: 1.6 !important;
}

/* Sidebar Styling */
.stSidebar {
    background-color: #ccdbf7 !important;
    border-right: 1px solid #ddd !important;
    padding: 20px !important;
}

.stSidebar .sidebar-content h1 {
    color: #6ff383 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    padding-bottom: 15px !important;
}

.stSidebar .sidebar-content select, .stSidebar .sidebar-content input {
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    padding: 8px !important;
    font-size: 16px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* File Uploader Styling */
.stFileUploader {
    border: 2px dashed #ddd !important;
    padding: 10px !important;
    border-radius: 6px !important;
    background-color: #f9f9f9 !important;
    transition: border-color 0.3s ease !important;
}

.stFileUploader:hover {
    border-color: #6ff383 !important;
}

/* Footer Styling */
footer {
    text-align: center !important;
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 20px !important;
}