.loginbox {
	width: 500px;
	max-width: 100%;
	height: auto;
	margin: 20vh auto auto auto;
	border: 1px solid rgba($color--seashell, 0.2);
	background: rgba($color--seashell, 0.1);
	border-radius: 5px;
	@media(max-height: 680px) {
		margin: 10rem auto 2rem auto;
	}

	.loginbox__header {
		width: calc(100% + 2px);
		background: $color--gray;
		color: $color--white;
		padding: 1rem 1.5rem;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		margin: -1px 1px 0 -1px;
		text-align: center;
		font-size: 1.6rem;
	}

	.loginbox__content {
		padding: 20px;
		display: block;
	}
}