roma-frontend/public/static/css/login.css

html,
        body,
        .app-wrapper {
            /* position: relative; */
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            touch-action: pan-y;
            overflow: hidden;
        }
        :root {
            --Form-item-gap: 1.3rem;
            --InputGroup-height: 2.5rem;
            --Button-height: 2.5rem;
            --InputGroup-paddingX: .6rem;
            --InputGroup-addOn-bg: var(--Form-input-bg);
            /* --fontSizeBase: .9rem; */
        }

        .app-wrapper {
            /* position: relative; */
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .amis-scope .cxd-Icon{height: 1rem}
        .amis-scope .cxd-TextControl-input input{height: 100% !important;}
        .amis-scope .cxd-TextControl-input:hover{border:var(--Form-input-borderWidth) solid var(--Form-input-borderColor)}
        .amis-scope .cxd-InputGroup .cxd-TextControl-input{border-left-width: 0;padding-left: 0;}
        .code_img{cursor: pointer;}

        .amis-scope .cxd-Form{
            font-size: var(--Form-fontSize);
            position: none !important;
            max-width: 700px;
            margin: 0 auto;
            margin-top: 10vh;
            /* position:; */
        }
        .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
            width: 100%;
            height: 100%;
        }
        .amis-scope h1 {
            font-size: 4vw;
        }
        @media (max-width: 768px) {
            .amis-scope .cxd-Form{
                font-size: var(--Form-fontSize);
                position: none !important;
                margin: 0 auto;
                margin-top: 0vh;
                /* position:; */
            }
            .amis-scope .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
                padding: 0;
            }
        }
        .amis-scope .cxd-Button--default {
          border: none;
          outline: none;
        }
        .amis-scope .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
        color: none;
        background: none;
        border-color: none;
        border-width: none;
        border-style: none;
        box-shadow: none;
        border: none;
        outline: none;
      }
      .amis-scope .m-r-xs {
        margin-top:-5px;
        width: 30px;
        height: 30px;
      }
      .amis-scope .cxd-Form .cxd-Wrapper--md, .amis-scope .cxd-Container--md {
        height: 1%;
      }