body {
	max-width: 600px;
    margin: auto;
}

textarea {
	resize: none;
}

#banner {
	grid-area: banner;
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner img {
	max-width: 100%;
    max-height: 150px;
    object-fit: contain;
}

#pages {
	grid-area: pages;
	position: relative;
	transition: height 0.5s;
	overflow: hidden;
}

.page {
	padding: 0 10px;
    box-sizing: border-box;
	width: 100%;
}

.page > form:not(:empty):not(.empty) {
	padding: 10px 0;
}

.page.finished {
	opacity: 0.5;
	pointer-events: none;
}

form > h3 {
	margin: 30px 0 0;
}

#submit-container {
	grid-area: submit;
}

#footer {
	grid-area: footer;
	height: 100px;
}

#powered-by {
	width: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-top: 20px;
}

#powered-by img {
	height: 75px;
	object-fit: contain;
	width: 135px;
}