@import url('elements/loading-screen.css');
body {
	display: flex;flex-direction: column;
	align-items: flex-start;
	height: 100dvh;
}

#app {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.screen {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

.screen.active {
	display: flex;
}

#loader {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
.hidden, #loader.hidden {
	display: none;
}

#lobby-screen {
	flex-direction: column;
}