HTML, BODY{
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #333333;
	background-image: url('./../wrapper/assets/image/kiosk/lobby/background_lobby.png');
	background-repeat: no-repeat;
	background-size: cover;
	font-family: Nunito-Bold, Nunito-Regular;
}

.mainTitle{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 6%;
	margin: 0;
	padding: 0;
	color: #E65779;
	background-image: url('./../wrapper/assets/image/kiosk/lobby/header_lobby_title.png');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	display: none;
}

.mainContainer{
	position: absolute;
	top: 6%;
	left: 0%;
	width: 100%;
	height: 85%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.gamesGridContainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 0% 0%;
}

.game{
	width: 100%;
	/*height: 100%;*/
	overflow: hidden;
	text-align: center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.changeGameContainer{
	position: absolute;
	width: 100%;
	height: 8%;
	top: 90%;
	margin: auto;
	align-self: center;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 0;
	pointer-events: all;
}

.containerScroll{
	position: absolute;
	width: 10%;
	height: 100%;
	top: 0%;
	margin: 0;
	padding: 0;
}