#mainContainer.login {
	position: relative;
	min-height: max(calc(100vh - 160px), 760px);
}

#parentContainer {
	position: relative;
	min-height: max(calc(100vh - 10px), 800px);
}


.window.login
{
	position: absolute;
	text-align: center;
	min-width: min(500px, calc(95vw - 100px));
	min-height: var(--min-height);
	padding: 20px 30px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -10px;
	margin-bottom: 10px;
	opacity: .9;
}

.smallview600 .window.login {
	top: 25px;
	transform: translate(-50%, 0);
	min-width: min(500px, calc(95vw - 60px));
	padding: 20px 20px;
}

.window.login h3
{
	margin: -30px -20px 30px;
}

div.credit
{
	font-size: 0.8em;
	width: 90vw;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

input.button {
	padding: 12px 0;
	margin: 0;
	width: calc(100% - 2px);
	font-weight: bold;
	transition: all 0.3s ease;

	&:hover {
        border-color: var(--highlight);
        box-shadow: 0 0 4px var(--highlight);
        outline: none;
	}
}