<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   California Web Business
        </title>
        <style>
            /* This ensures the page takes up the full height of the screen */
            body, html {
                height              : 100%;
                margin              : 0;
                display             : flex;
                justify-content     : center;
                align-items         : center;
                background-color    : #f4f4f9; /* Light grey background */
                font-family         : Arial, sans-serif;
            }
            /* The styling for your central box */
            .url-box {
                padding             : 30px 50px;
                background-color    : #ffffff; /* White box */
                border              : 2px solid #333; /* Dark border */
                border-radius       : 12px; /* Rounded corners */
                box-shadow          : 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
                text-align          : center;
            }
            /* Styling for the link/text */
            .url-text {
                font-size           : 24px;
                font-weight         : bold;
                color               : #007BFF; /* Link blue */
                text-decoration     : none;
            }
            .url-text:hover {
                text-decoration     : underline;
                color               : #0056b3;
            }
        </style>
    </head>
    <body>
        <div class="url-box">
            <a class="url-text" href="https://california-webbusiness.com">
                california-webbusiness.com
            </a>
        </div>
    </body>
</html>