/* Main body styling
============================================================================================================= */
    body { font-family: Arial, sans-serif;background-color: #f4f4f9; padding: 20px; border-radius: 10px; }
/* ========================================================================================================== */

/* Form styling
============================================================================================================= */
    .form_container { max-width: 600px; margin: 0 auto; }
    textarea { width: 100%; margin-top: 10px;  }
    input[type="submit"] { width: 100%; margin-top: 10px; padding: 10pt; cursor: pointer; }
/* ========================================================================================================== */

/* Output results
============================================================================================================= */
    .result     { background-color: #fff; padding: 10px; border-radius: 5px; margin-top: 20px; }
    .error      { color: #b00020; }
    .success    { color: #00796b; }
/* ========================================================================================================== */

/* Styling for the title
============================================================================================================= */
    h1 { text-align: center; font-size: 2.5em; color: #333; margin-bottom: 20px; }
/* ========================================================================================================== */

/* Container to hold the left and right sections
============================================================================================================= */
    .container { display: flex; justify-content: space-between; margin: 20px; }
/* ========================================================================================================== */

/* Styling for the left box (email header)
============================================================================================================= */
    .left-box { flex: 1; margin-right: 20px; padding: 10px; border: 1px solid #ccc; background-color: #f9f9f9; height: 500px; overflow-y: scroll; }
    /* Overflow: scroll, Allows scrolling if the header is long */
/* ========================================================================================================== */

/* Preformatted text for email header
============================================================================================================= */
    .left-box pre { white-space: pre-wrap; word-wrap: break-word; }
/* ========================================================================================================== */

/* Styling for the right box (results)
============================================================================================================= */
    .right-box { flex: 2; padding: 10px; border: 1px solid #ccc; background-color: #fff; max-width: 50%; }
/* ========================================================================================================== */

/* General styling for the results
============================================================================================================= */
    .right-box p { margin-bottom: 10px; }
/* ========================================================================================================== */

/* Error messages
============================================================================================================= */
    .error { color: red; font-weight: bold; }
/* ========================================================================================================== */