#login-form {
    flex: 1;
    --page-background: linear-gradient(19.48deg,
            #ffffff 11.85%,
            #fefefe 58.6%,
            #f5f5f5 114.49%);

    position: relative;
    width: 100%;

    background: var(--page-background);
    display: flex;
    justify-content: center;
    align-items: center;
}

#login-form::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url('gohatter.svg') repeat 0 9rem;
    background-size: 300px auto;

    opacity: 0.15;
    pointer-events: none;
}