@font-face {
    font-family: 'Wilden';
    src: url('fonts/Wilden.woff2') format('woff2'),
	url('fonts/Wilden.woff') format('woff'),
	url('fonts/Wilden.otf') format('opentype');
    font-style: normal;
	font-weight: 400;
}

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	margin: 0;
	padding: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	font-family: 'Arial';
	font-size: 14px;
	color: hsl(0 0% 30% / 1);
}
img {
	width: 100%;
}

.frame {
	max-width: 640px;
	margin-top: 64px;
}
main {
	display: flex;
	column-gap: 32px;
}
.logo {
	flex: 1;
}
.content {
	flex: 1;
	font-family: 'Wilden';
	font-size: 24px;
}
.engagemanget {
	width: 128px;
	vertical-align: middle;
}
footer {
	text-align: center;
	padding: 16px 0;
}

@media only screen and (max-width: 640px) {
	.frame {
		margin-top: 0;
	}
	main {
		flex-direction: column;
	}
	.content {
		text-align: center;
	}
}