body{
	background-color: var(--page-body-background-color);
	color: var(--page-body-foreground-color);
	height: 100%;
}
#signIn{
	margin-inline: auto;
	max-width: var(--layout-content-half-max-width);
	padding: var(--gutter-safe-width);
}
#signIn-email{
	grid-area: email;
}
#signIn-fieldset{
	display: grid;
	grid-template-areas: "email"
						 "password"
						 "submit";
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr;
	grid-row-gap: var(--gutter-width);
	margin-inline: auto;
	padding-block: var(--gutter-width);	
}
#signIn-forgot{

}
#signIn-forgot a{
	color: var(--page-body-accent-color);
}
#signIn-forgot a:hover,
#signIn-forgot a:active{
	text-decoration: underline;
}
#signIn-form{
}
#signIn-header{
	padding-block: var(--gutter-width);
}
#signIn-header-heading{
	font-size: var(--font-size-fluid);
}
#signIn-header-heading2{
	font-size: var(--font-size-fluid-xl);
}
#signIn-logo{
	height: 30vh;
}
#signUp-intro-logo{
	display: grid;
}
#signIn-logo svg{
	fill: var(--page-body-foreground-color);;
	height: 100%;
	width: 100%;
}
#signIn-security{
	display: none;
}
#signIn-password{
	grid-area: password;
}
#signIn-submit{
	align-items: center;
	background-color: var(--page-body-accent-color);
	border-radius: var(--gutter-half-width);
	display: grid;
	grid-area: submit;
	grid-column-gap: var(--gutter-width);
	grid-template-columns: 1fr auto;
	grid-template-areas: "label icon";
	justify-items: center;
	margin: 0;
	padding-inline: var(--gutter-width);
	padding-block: var(--gutter-half-width);
}
#signIn-submit-icon{
	display: grid;
	grid-area: icon;
}
#signIn-submit-icon svg{
	fill: var(--page-body-foreground-color);
	height: 2.4rem;
	width: 2.4rem;
}
#signIn-submit-label{
	align-self: center;
	display: block;
	grid-area: label;
	font-size: var(--font-size-fixed);
	font-weight: 300;
	justify-self: end;
	text-transform: uppercase;
}
/*
#signIn-submit{
	align-items: center;
	background-color: var(--page-body-accent-color);
	border-radius: var(--gutter-half-width);
	color: var(--page-body-foreground-color);
	display: grid;
	grid-area: button;
	grid-gap: var(--gutter-half-width);
	grid-template-columns: 1fr auto;
	grid-template-areas: "label icon";
	height: 5.6rem;
	justify-items: center;
	margin: 0;
	padding-inline: var(--gutter-width);
}
#signIn-submit-icon{
	display: grid;
	grid-area: icon;
}
#signIn-submit-icon svg{
	fill: var(--page-body-foreground-color);
	height: 2.4rem;
	width: 2.4rem;
}
#signIn-submit-label{
	align-self: center;
	display: block;
	grid-area: label;
	font-size: var(--font-size-fixed);
	font-weight: 300;
	justify-self: end;
	text-transform: uppercase;
}
*/