.area-login {
  background: white;
  padding: 50px 30px;
  border-radius: 30px;
  box-shadow: 0px 10px 30px rgb(40 26 82 / 25);
  margin: -30px 30px 50px 30px;
  position: relative;
  z-index: 5;
}

@media (min-width: 992px) {
  .area-login {
    margin: 50px 0px;
  }
}

.area-password {
  position: relative;
}

.btn-password {
  width: 30px;
  height: 30px;
  position: absolute;
  margin: px;
  cursor: pointer;
  font-size: 20px;
  color: var(--secondary);
}

#form-access input {
  margin: 10px 0;
  color: var(--primary);
  height: 40px;
  border-color: var(--tertiary);
}

#form-access input::placeholder {
  color: var(--tertiary);
}

.feet-access {
  font-size: 13px;
  color: var(--primary);
  font-weight: 400;
}

.feet-access a {
  color: var(--quinary);
  text-decoration: underline;
}

.subtitle {
  font-size: 30px;
  color: var(--primary);
  margin-bottom: 20px;
  font-weight: 600;
}