.signup {
	@extend %modal;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: #{20 / $base-font-size}rem;
  align-items: center;
}

.signup-form__username-input,
.signup-form__email-input,
.signup-form__password-input,
.signup-form__confirm-password-input {
	width: #{300 / $base-font-size}rem;
}

.signup-form__field {
	margin: #{20 / $base-font-size}rem 0;
}

.signup__divider {
  padding: #{20 / $base-font-size}rem 0;
}