### Instruction:
Design an HTML form with fields for name, email, and message, styled with CSS.

### Response:

    <!DOCTYPE html>
    <html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <title>Random HTML Form</title>
        <style>
        
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; }
        form { background-color: white; padding: 2em; margin: 2em auto; max-width: 400px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        label { display: block; margin-bottom: 0.5em; font-weight: bold; }
        input, textarea { width: 100%; padding: 0.5em; margin-bottom: 1em; border: 1px solid #ccc; border-radius: 4px; }
        button { padding: 0.7em 1.5em; background-color: #333; color: white; border: none; border-radius: 4px; cursor: pointer; }
        button:hover { background-color: #555; }
        
        </style>
    </head>
    <body>
    
        <form>
            <label for='name'>Name:</label>
            <input type='text' id='name' name='name'>
            <label for='email'>Email:</label>
            <input type='email' id='email' name='email'>
            <label for='message'>Message:</label>
            <textarea id='message' name='message' rows='4'></textarea>
            <button type='submit'>Submit</button>
        </form>
        
    
    </body>
    </html>
    