body {
    background: #f2f3f5;
    /* background: linear-gradient( #fefae0, #ccd5ae); */
    /* background: linear-gradient(#f9dbbd,#a53860); */
    /* background: linear-gradient(#f6fff8, #a4c3b2); */
    /* background: linear-gradient(#e0b1cb, #5e548E); */
    background: linear-gradient(#c4fff9, #3dccc7);
    background-attachment: fixed;
}
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/mantis/images/background.svg");
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
    pointer-events: none;
    filter: brightness(0);
    animation: show 3s alternate infinite;
}
@keyframes show {
    0% {
        opacity: 0.1;
    }

    to {
        opacity: 0.03;
    }
}
main {
    padding: 60px 20px;
    isolation: isolate;
}
main img.bg {
    position: fixed;
    bottom: 0;
    z-index: -1;
    height: 75px;
}
main .brand {
    margin-bottom: 20px;
    height: 40px;
}
form {
    width: min(400px, 100%);
    padding: 40px;
    box-shadow: var(--shadow);
    border-radius: 10px;
    border: 2px solid #ffffff;
    background: #ffffffdd;
}
form .form_info > h6 {
    font-size: 1.5rem;
}
form .extra_option {
    font-size: 0.8em;
}