body{
  background:url(../images/frolo-image.png);
  background-size:cover;
  background-repeat: none;
}
.navbar {
    padding: 0px !important;
}
.login-text{
  text-align: center;
}
.login-card form {
    max-width: 320px;
    width: 90%;
    padding: 40px;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    box-shadow: 1px 0px 20px 3px #3490dc;
}

.login-card .illustration {
  text-align:center;
  padding:15px 0 20px;
  font-size:100px;
  color:#2980ef;
}

.login-card form .form-control {
  border-radius:5;
  box-shadow:none;
  outline:none;
  color:inherit;
}

.login-card form .btn-primary {
  background:#208BC7;
  border:none;
  border-radius:4px;
  padding:11px;
  box-shadow:none;
  margin-top:26px;
  text-shadow:none;
  outline:none;
}

.login-card form .btn-primary:hover, .login-card form .btn-primary:active {
  background:#214a80;
  outline:none;
}

.login-card form .forgot {
  display:block;
  text-align:center;
  font-size:12px;
  color:#6f7a85;
  opacity:0.9;
  text-decoration:none;
}

.login-card form .forgot:hover, .login-card form .forgot:active {
  opacity:1;
  text-decoration:none;
}

.login-card form .btn-primary:active {
  transform:translateY(1px);
}