html, body {
    margin:0;
    height: 100%;
    width: 100%;
    min-height: 720px;
    min-width: 920px;
  }
  
  #login-page{
    background-color: white;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  #login-page-left {
      position: relative;
      width: 50%;
      height: 100%;
    }  
    
    #login-page-left::after {
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background-image: url("./BPSIMLogo.png"),linear-gradient(to right bottom, rgba(102,126,234,0.8), rgba(118,75,162,0.8));
      background-repeat: no-repeat;
      background-position: left 50% top 50%, left 0% top 0%;
      background-size: 30% auto,100% 100%;
    }
    
    #login-page-left img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    #login-page-right {
      position: relative;
      width: 34%;
      height: 100%;
      display: flex;
      flex-flow: column;
      align-items: center;
      padding: 0 8%;
    }
  
    #login-page-right-header {
      padding-top: 25%;
      display: flex;
      flex-flow: column;
      align-items: center;
    }
    
    #login-page-right-header p{
      display: "inline-block";
      font-size: 34px;
      font-family: "Roboto, Helvetica, Arial, sans-serif";
      background: linear-gradient(to right, #FE5196,#F77062);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 700;
    }
    
    .feather-icon{
      width:88px;
      height: 88px;
      background: linear-gradient(to right, #FE5196,#F77062);
      border-radius:50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .feather-icon img{
      width: 38px;
      height: 38px;
    }
  
    #login-page-right-main {
      margin: 15% 0;
    }
  
    #login-page-right-main p{
      font-size: 20px;
      font-family: "Roboto, Helvetica, Arial, sans-serif";
      font-weight: 400;
      color: #333333;
      margin: 0;
      text-align: center;
    }  
  
    #login-page-right-footer {
      margin-bottom: 10%;
      margin-top: auto;
    }  
  
    #login-page-right-footer img{
      width:170px;
    }