* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	overflow: hidden;
}

#app {
	/* margin: 0 auto !important; */
	height: 100%;
	width: 100%;
	min-width: 960px;
	min-height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerDiv {
	position: absolute;
	height: 100%;
	width: max-content !important;
	min-width: 960px;
	min-height: 540px;
	display: flex;
}

.pageSideBar {
	width: 15%;
	position: absolute;
	top: 0%;
	left: 85%;
	height: 50%;
	float: right;
	/* opacity: 0.9; */
	z-index: 99;
	display: inline;
	pointer-events: none;
}

.bgSide {
	position: absolute;
	width: 100%;
	top: 20%;
	cursor: pointer;
	z-index: 99;
}

.sideBarBtnFB {
	position: absolute;
	width: 7%;
	left: 35%;
	top: 28.5%;
	cursor: pointer;
	z-index: 100;
	pointer-events: auto;
}

.sideBarBtnDiscord {
	position: absolute;
	width: 15%;
	left: 60%;
	top: 28.5%;
	cursor: pointer;
	z-index: 100;
	pointer-events: auto;
}

.sideBarBtnDownload {
	position: absolute;
	width: 70%;
	top: 51%;
	left: 53%;
	cursor: pointer;
	z-index: 100;
	transform: translateX(-50%);
	pointer-events: auto;
}

.sideBarBtnTopUp {
	position: absolute;
	width: 55%;
	top: 60%;
	left: 53%;
	cursor: pointer;
	z-index: 100;
	transform: translateX(-50%);
	pointer-events: auto;
}

.sideBarBtnTop {
	position: absolute;
	width: 40%;
	top: 72%;
	left: 53%;
	cursor: pointer;
	z-index: 100;
	transform: translateX(-50%);
	pointer-events: auto;
}

.bgImage {
	height: 100%;
	min-width: 960px;
	min-height: 540px;
}

#pages {
	height: 100%;
	position: relative;
	min-width: 960px;
	min-height: 540px;
}

.page {
	width: fit-content !important;
	height: 100%;
}