html,
body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.wrapper {
	height: 100vh;
	overflow: hidden;
	background-color: #f7f7f7;
	background-image: url("UNDER%20CONSTRCUTION.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: flex;
}
aside {
	padding: 0 10em;
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	background: #ff009999; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #49324099, #ff009999); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #49324099, #ff009999); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
h1 {
	color: #fff;
	font-size: 4em;
	text-transform: uppercase;
}