body {
    font-size: 14px;
    font-family: arial;
    line-height: 23px;
    background: #cccccc;
}
#login-page{
    background:#e9ecef;
    display:flex;
    justify-content: center;
    align-items: center;
}
#wp-form-login, #wp-form-register {
    width: 360px;
    background: #fdfdfd;
    border-radius: 5px;
    padding: 1.25rem;

}

.is-invalid{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5' /%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z' /%3e%3ccircle cx='6' cy='8.2' r='.6' stroke='none' fill='%23dc3545' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

@media (max-width: 576px){
    #wp-form-login, #wp-form-register {
        width: 90%;
    }
}

h1.title-form-login{
    font-size:18px;
    margin: 0px 0px 20px;
}
p.error{
    color: red;
}
.swal2-confirm-custom::before {
    content: "📸";
    font-size: 20px;
}