html, body {
  height: auto;
}

body {
  overflow: auto;
  background: linear-gradient(285deg, var(--roxo) 38.09%, var(--roxo-escuro) 100%);
}

.info h3, .info .btn, .info.ilustra {
  background-color: var(--info);
}
.info .form-content, .info .form-content input {
  border-color: var(--info);
}

.success h3, .success .btn {
  background-color: var(--success);
}
.success .form-content, .success .form-content input {
  border-color: var(--success);
}

.warn h3, .warn .btn {
  background-color: var(--warn);
}
.warn .form-content, .warn .form-content input {
  border-color: var(--warn);
}

.error h3, .error .btn {
  background-color: var(--error);
}
.error .form-content, .error .form-content input {
  border-color: var(--error);
}

.btn {
  color: #FFF;
  border-radius: 100px;
  padding: 5px 30px;
}
.btn.purple {
  background: var(--roxo);
  color: #FFF;
}

#form {
  background: #FFF;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 30px 120px 30px 30px;
}
#form h2 {
  font-size: 32px;
  font-weight: bold;
}
#form form {
  margin: 20px 0;
}
#form form h3 {
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #FFF;
  font-size: 20px;
  padding: 10px 20px;
  margin: 0;
}
#form form .form-content {
  border-width: 1px;
  border-style: solid;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 0;
}
#form form .form-content fieldset {
  padding: 10px 20px;
  width: 100%;
}
#form form .form-content input {
  background: #F6F6F9;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  font-weight: lighter;
  font-size: 20px;
}
#form form .form-content .btn {
  float: right;
}

.ilustra {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px;
}
.ilustra.info {
  background-image: url(../img/ilustra_acesso.svg);
}
.ilustra.success {
  background-image: url(../img/ilustra_envio.svg);
}
.ilustra.warn {
  background-image: url(../img/ilustra_esqueci_senha.svg);
}
.ilustra.error {
  background-image: url(../img/ilustra_erro.svg);
}

#footer {
  color: #FFF;
  font-size: 13px;
  text-align: center;
  margin: 30px auto;
  font-family: "Lato";
}
#footer a {
  color: #FFF;
}

@media (max-width: 1000px) {
  #form {
    border-radius: 10px;
    padding: 30px;
  }
}/*# sourceMappingURL=login.css.map */