@import url("./forms.css");
:root {
	--nav-width: 34rem;
}
aside.main-menu .logotype {
	position: relative;
	left: 0;
	opacity: 1;
}
.login-back-button::before {
	content: "\2190";
	padding-right: var(--spacing-default);
	display: inline-block;
	font-size: 2rem;
}
form > fieldset {
	display: block;
	border: 0;
	padding: 0;
}
form legend {
	opacity: 0;
	position: absolute;
	top: -100%;
	left: -100%;
}
#login-button::after {
		content: "\2192";
		padding-left: var(--spacing-default);
}
#create-account ~ .create-account,
#create-account ~ .form-buttons #new-account-button,
#create-account:target ~ fieldset .label-password,
#create-account:target ~ .form-button-link,
#create-account:target ~ .form-buttons :where(.form-button-link,#login-button) {
	display: none;
}

#create-account:target ~ .create-account,
#create-account:target ~ .form-buttons #new-account-button {
	display: block;
}

#create-account:not(:target) + .login-back-button {
	visibility: hidden;
}
body > footer {
	border-top: var(--border-default);
	padding: var(--padding-default);
	width: 100%;
	background-color: var(--color-lightpurple);
	position: fixed;
	bottom: 0;
}