.field.username {
  padding-right: 14px;
}

.field.username button {
  background: none;
  border: 1px solid var(--dark-turquoise);
  color: var(--green);
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  font-size: 12px;
}

.field.username button:hover {
  background-color: var(--green);
  color: var(--darker-blue);
  border: none;
}

main .green-round-button {
  margin-top: 35px;
  margin-bottom: 25px;
}

p.agreement {
  font-size: 12px;
}

p.login {
  margin-top: 48px;
  margin-bottom: 0;
}

@media (max-width: 700px) {
  p.agreement {
    padding: 0 35px;
    font-size: 10px;
  }
}