.error-div {
    border: .4vw solid #d4351c;
    width: 100%;
    padding: 1vw;
}

.error-div-problem {
    font-weight: 700;
    font-size: 1.7vw;
}

.error-div-messages {
    padding-left: 0;
    list-style-type: none;
    font-size: 1.2vw;
}

.error-div-messages a {
    color: #d4351c;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
}

.error-div-messages a:link {
    color: #d4351c;
}

.error-div-messages a:hover {
    color: #942514; 
    text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
}

.error-div-messages a:active {
    color: #d4351c;
}

.error-label {
    color: #d4351c;
    font-weight: 700;
}

.error-form-group {
    padding-left: 15px;
    border-left: 5px solid #d4351c;
}

.error-input-border {
    border: 2px solid #d4351c;
}

.error-input-border:focus {
    border: 2px solid #d4351c;
    outline: 3px solid #fd0;
    outline-offset: 0;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px;
}