.card > img 
{
    width: 100px;
    height: 100px;
}

.error_handler 
{
    backdrop-filter: blur(10px);
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.fadeout 
{
    mask: linear-gradient(to top, transparent, black 5%, black 95%, transparent),
          linear-gradient(to right, transparent, black 2%, black 98%, transparent); 
    mask-composite: intersect;
}

.logo 
{
    filter: hue-rotate(110deg) invert(100%);
}

.overlay
{
    backdrop-filter: blur(10px);
    background-color: #f9f9f9da;
}

#password_feedback, #password_confirmation_feedback 
{
    white-space: pre-wrap;
}


body
{
    background-image: url('../static/hero_background.jpg');
    background-position: top left;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-attachment: fixed;
}