@font-face {
	font-family: 'BananaMilkshake';
	src: url("../../fonts/BananaMilkshake.otf") format("opentype");
}

body > .container {
	padding: 20px;
	min-height: calc(100vh - 80px);
}

.logo {
	width: 180px;
	height: 280px;
	display: block;
	background-image: url("../../img/logo.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: auto;
}

.sublogo {
	font-family: 'BananaMilkshake', sans-serif;
	line-height: 64px;
	height: 64px;
	overflow: hidden;
	font-size: 44px;
	text-transform: uppercase;
	text-align: center;
	color: #212121;
}

.window.mainform {
	width: 480px;
	margin: auto;
	background-color: #FDD835;
}

@media (max-width: 540px) {
	.window.mainform {
		width: 100%;
	}
}