resistancemonitor/2.Web/static/css/login.scss

.login_box {
 height: 100vh;
 background: url('../../static/img/bg.svg') no-repeat;
 background-size: 100% 100%;
 display: grid;
 place-items: center;
 background-color: #232526;
 .el-card {
  z-index: 2;
  width: 350px;
  height: 310px;
  border: 1px solid #dcdfe6;
  border-radius: 15px;
  background-color: rgba($color: #000000, $alpha: 0.1);
  box-shadow: 8px 8px 10px -3px rgba($color: #fff, $alpha: 0.3);
  transition: all 1s;
  .el-input {
   margin-top: 20px;
   /deep/ .el-input__inner {
    background: transparent;
    color: white;
   }
  }
  .remember_password {
   display: flex;
   margin-top: 5px;
   /deep/ .el-checkbox__label {
    color: #fff;
   }
  }
  .el-button {
   width: 100%;
   margin-top: 15px;
   transition: all 0.5s;
  }
 }
 .el-card:hover {
  background-color: rgba($color: #000000, $alpha: 0.3);
  cursor: pointer;
 }
}