<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Lincoln's New Test Site</title>

    <style>

        body {

            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

            background-color: #f4f4f9;

            color: #333;

            text-align: center;

            padding: 50px;

        }

        .container {

            background: white;

            padding: 40px;

            border-radius: 12px;

            box-shadow: 0 4px 15px rgba(0,0,0,0.1);

            max-width: 500px;

            margin: 0 auto;

        }

        h1 { color: #f63; }

        p { font-size: 1.2rem; }

        .badge {

            background-color: #e1f5fe;

            color: #0288d1;

            padding: 6px 12px;

            border-radius: 20px;

            font-weight: bold;

            display: inline-block;

        }

    </style>

</head>

<body>

    <div class="container">

        <h1>🚀 Test Site #2 Successful!</h1>

        <p>If you can see this, your new Cloudflare Pages site is fully working.</p>

        <div class="badge">Created on Mac</div>

    </div>

</body>

</html>