.regel i {
    margin-right: 20px; /* ruimte tussen icoon en tekst */
    vertical-align: middle; /* voor betere uitlijning */
}

form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    input[type="email"],
    input[type="password"],
    input[type="submit"] {
        padding: 0.8rem;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 1rem;

    }

    input[type="submit"] {
        background-color: #77aacc;
        color: white;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease;

    }

    input[type="submit"]:hover {
        background-color: #77aacc;
    }

    a {
        display: block;
        margin-top: 0.5rem;
        color: #333;
        text-decoration: none;
        font-size: 1.1rem;
    }

    a:hover {
        text-decoration: none;
    }