.loginform {
	max-width: 400px;
}

form {
  background-color: var(--color-secondary);
  border: solid 1px var(--color-primary);
}

.form-button {
  display: block;
  box-sizing: border-box;
  box-shadow: none;
  width: 100%;
  color: var(--color-3);
	background-color: var(--color-1);
  font-weight: 600;
  transition: background-color 0.2s ease-out;
}

.form-button:hover, .form-button:active {
  background-color: var(--color-3);
	color: var(--color-text-1);
}

#oauthButton img {
	content: url('/img/google_signin_buttons/web/2x/btn_google_signin_dark_normal_web@2x.png');
}

#oauthButton img:hover {
	content: url('/img/google_signin_buttons/web/2x/btn_google_signin_dark_pressed_web@2x.png');
}