body, html {
	background-color:#202124;
	margin:0;
	padding:0;
	height: 100%;
	height: 100vh;
}

.wrapper {
	display: flex;
	color: #fff;
	height: 100%;
	height: 100vh;
}

.wrapper .left {
	background-color: #1b272e;
	flex: 0 0 50%;
	text-align: center;
	padding: 5% 5%;
}

.wrapper .right {
	flex: 0 0 50%;
	text-align: center;
	padding: 5% 5%;
}

.steps {
	text-align: left;
}

.step {
	font-size: 3vmax;
}

.desc {
	font-size: 1.5vmax;
}

.qr-link-wrapper {
	margin-top:5%;
	font-size: 0.8rem;
}

.fullscreen-loader {
	position: fixed;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding:10%;
}

.fullscreen-loader.connecting {
	display: none;
}

.vcenter-outer {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vcenter {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 100%;
}