.login-form {
  width: 250px;
}

.login-form input {
  padding: 12px;
  margin: 10px;
  width: 100%;
  outline: none;
  border: 2px solid rgb(40, 40, 80);
  border-radius: 10px;
  color: rgb(200, 200, 200);
  background-color: rgb(26, 26, 32);
}

.login-form input:focus{
  color: rgb(200, 200, 200);
  background: rgb(30, 30, 36);
  border-color: rgb(120, 120, 255);
}

.login-form button, a {
  width: 100%;
  margin: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 12px;
  border: 2px solid rgb(26, 26, 34);
  outline: none;
  border-radius: 10px;
  color: rgb(200, 200, 200);
  background-color: rgb(26, 26, 32);
  text-align: center;
  transition: 0.2s;
}

.login-form button:hover, a:hover {
  color: rgb(255, 255, 255);
  background: rgb(120, 120, 255);
  cursor: pointer;
}