body {
    background-color: #ededed;

    /* Custom styles for better aesthetics */
    .form-payload {
        border: 0;
    }

    .card {
        border-radius: 10px;
    }

    .card-header {
        border-radius: 10px 10px 0 0;
    }

    .form-control {
        border-radius: 5px;
        padding: 10px;
    }

    .btn-primary, .btn-success {
        border-radius: 5px;
        padding: 10px;
        font-size: 16px;
    }

    pre {
        white-space: pre-wrap;
        word-wrap: break-word;
        font-family: 'Courier New', Courier, monospace;
        background-color: #f7f7f7;
        padding: 15px;
        border-radius: 5px;
        /*border: 1px solid #e0e0e0;*/
        font-size: 14px;
    }

    .payload-container {
        background-color: #fafafa;
    }

    label.required:after {
        content: " *";
        color: red;  /* Change to the color you prefer */
    }
}