style.css

@import url("https://fonts.googleapis.com/css?family=Numans");

body,
.bg-overlay {
  background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)),
    url("images/Laptop 1.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}
.container {
  height: 90vh;
  align-content: center;
}
.card {
  height: 590px;
  margin-top: 7em;
  margin-bottom: auto;
  width: 500px;
  background-color: #92a9c9d5 !important;
}
.card-header h3 {
  color: white;
}
.username {
  margin: 1em 0 3em 0 !important;
}
input {
  height: 53px !important;
}
.password {
  margin: 1em 0 !important;
}

.input-group-prepend span {
  width: 50px;
  background-color: #5f3bcf;
  color: white;
  border: 0 !important;
}

input:focus {
  outline: 0 0 0 0 !important;
  box-shadow: 0 0 0 0 !important;
}

.remember {
  color: white;
}

.remember input {
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.login_btn {
  color: white;
  background-color: #5f3bcf;
  width: 150px;
}

.login_btn:hover {
  color: black;
  background-color: white;
}

.links {
  color: white;
}

.links a {
  margin-left: 4px;
  color: black;
}
.d-flex a {
  color: black;
}