.login {

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  //background-size: cover;
  //position: fixed;
  //height: 100%;
  //width: 100%;
  //top:0;
  //overflow: hidden;
  .logo {
    width: 100%;
  }

  .background {
        height: 100%;
        overflow: hidden;
    background: rgba(128, 0, 128, 0.82);  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, rgba(0, 204, 187, 0.86), rgba(43, 69, 230, 0.91), rgba(128, 0, 128, 0.92));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, rgba(0, 204, 187, 0.86), rgba(43, 69, 230, 0.91), rgba(128, 0, 128, 0.92));
    position: absolute;
    width: 100%;
    }
    .ant-form-explain {
        text-align: left;
    }
    .login-box {
        position: absolute;
        top: 0;
        right: 0;
        width: 460px;
        height: 320px;
        padding: 36px;
      height: 100vh;
      background-color: #1e2e4a;
        box-shadow: 0 0 100px rgba(0, 0, 0, .08);
        .header {
            text-align: center;        
            cursor: pointer;
            margin-bottom: 24px;
            img {
                width: 40px;
                margin-right: 8px;
            }
            span {
                vertical-align: text-bottom;
                font-size: 16px;
                text-transform: uppercase;
                display: inline-block;
            }
             p {
                font-size: 16px;
                text-transform: uppercase;
               
            }
        
        }
    }
}
