main form button.main {
  margin: 50px 0;
}

main p.compact {
  margin: 0;
}

main form .error {
  color: var(--red);
}

main p.reset {
  margin-bottom: 6px;
}

.two-factor {
  margin-top: 30px;
}

.two-factor .actions {
  flex-direction: column-reverse;
  align-items: center;
  gap: 20px;
}

button.link {
  background: none;
  border: none;
  color: var(--green);
  cursor: pointer;
  padding: 0;
  font-size: inherit;
}

@media (max-width: 700px) {
  h1 {
    margin-bottom: 50px;
  }
  .two-factor {
    margin-bottom: 20px;
  }
}

@media (min-width: 701px) {
  main {
    margin-top: 230px;
  }

  main p.reset {
    margin-top: 30px;
  }

  #footer-logo {
    margin-top: 105px;
  }
}