body {
  background: url(../images/login-bg.jpg) no-repeat center/cover;
  font-family: 'Source Sans Pro','Cairo', sans-serif !important;
}
form {
  background: linear-gradient(150deg, #fff 5%, transparent 35%);
	backdrop-filter: blur(3px);
  box-shadow: #ffffff80 0 0 13px;
}
form img.colors {
  opacity: 0.3;
  right: 0;
  z-index: -1;
}
.form-floating > .form-control {
  width: 368px;
  max-width: 100%;
  background: #ffffffb3 !important;
}
.form-floating > .form-control:focus {
  border-color: #ffffff00 !important;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25) !important;
}
.link {
  background: #00000055;
  transition: all 0.3s;
}
.link:hover {
  background: #00000080;
}
.w-100-px {
  width: 100px !important;
}