.error-container {
    height: fit-content;
    max-width: 600px;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    background-color: #fff;
}

    .error-container h1 {
        margin-top: 0;
    }

    .error-container a {
        color: #01689b;
        text-decoration-line: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
    }

        .error-container a:hover {
            text-decoration-line: none;
        }

    .error-container .inputfield {
        display: flex;
        flex-direction: column;
    }

        .error-container .inputfield input,
        .error-container .inputfield textarea {
            width: 100% !important;
            padding: 10px;
            border: 1px solid #000;
            font-family: inherit;
            line-height: 1.6;
            margin-bottom: 12px;
        }

        .error-container .inputfield label {
            font-weight: bold;
        }

    .error-container input[type="submit"] {
        background-color: #000;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

        .error-container input[type="submit"]:hover {
            text-decoration-line: underline;
            text-decoration-thickness: 1px;
            text-underline-offset: 2px;
        }

        .error-container input[type="submit"]:focus,
        .error-container a:focus {
            outline: 2px solid #000;
            outline-offset: 5px;
        }