<style>
    * {
        box-sizing: border-box;
    }

    body {
        font-family: Arial, sans-serif;
        background-color: #e9e9e9;
        margin: 0;
    }

    header {
        background-color: #333;
        color: white;
        text-align: center;
        padding: 1rem;
    }

    main {
        width: 90%;
        max-width: 500px;
        margin: 2rem auto;
    }

    section {
        background-color: white;
        padding: 1.5rem;
        border: 1px solid #ccc;
    }

    label {
        display: block;   /* block instead of inline */
        margin-top: 1rem;
    }

    input[type="text"],
    input[type="email"],
    input[type="date"] {
        width: 100%;
        padding: 0.4rem;
        margin-top: 0.3rem;
    }

    input[type="submit"] {
        margin-top: 1rem;
        padding: 0.5rem;
        width: 100%;
        background-color: #444;
        color: white;
        border: none;
    }

    footer {
        text-align: center;
        margin: 2rem 0;
        font-size: 0.9rem;
    }

    footer a {
        display: inline-block; /* example inline vs block */
        margin: 0.3rem;
    }
</style>
