sisweb/src/assets/css/login.scss

$bg:#fff;
$dark_gray:#889aa4;
$light_gray:#eee;
.bg{
  background:url("/static/img/login.jpg") center center no-repeat;
  background-size:100% 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-container{
  background: $bg;
  box-shadow: 0 15px 30px 0 rgba(0,0,0,0.3);
  border-radius: 9px;
  width: 50%;
  height: 330px;
  display: flex;
  justify-content: center;
  flex-direction: row ;
  align-items: center;

  .pic{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .tab{
    width: 390px;
  }

  .btn{
    display: flex;
    justify-content: center;
  }
}