@font-face {
	font-family: ComicSansMs;
	src: url('fonts/csm.woff2');
}
* {
	user-select: none;
}
body {
	margin: 0px;
	font-family: ComicSansMs;
	overflow: hidden;
	background-color: #09f;
	zoom: 1;
	user-select: none;
}
::selection {
	background-color: transparent;
}
div {
	display: block;
}
header {
	text-align: center;
}
button {
	font-family: sans-serif;
}
div[game-data="loader"]{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 999;
}
div[studio-data="studio-bg"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
	background-color: #c00;
	background-image: url('imgs/studio_txt.svg');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	animation: fade-in 5s;
}
@keyframes fade-in {
	0% {opacity: 0;}
	20% {opacity: 0;}
	40% {opacity: 1;}
	80% {opacity: 1;}
	100% {opacity: 0;}
}
div#load-bg {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #ccccaa;
}
@keyframes no-light {
	0% {background-color: rgba(255, 255, 238, 1);}
	100% {background-color: rgba(255, 255, 238, 0);}
}
@keyframes light {
	0% {background-color: rgba(255, 255, 238, 0);}
	100% {background-color: rgba(255, 255, 238, 1);}
}
div#load-title {
	position: absolute;
	top: 200px;
	left: calc(50% - 500px);
	height: 250px;
	width: 900px;
}
div#load-title > img {
	zoom: 2.5;
}
div#p-bar {
	position: absolute;
	top: 700px;
	left: calc(50% - 300px);
	height: 40px;
	width: 600px;
	border: 3px outset #aaa;
	background-color: #fe0;
	border-radius: 30px;
}
div#p-bar-inner {
	height: inherit;
	background-color: #0af;
	border-radius: 30px;
	animation: add_width 5s;
}
@keyframes add_width {
	0% {width: 5%;}
	10% {width: 15%;}
	15% {width: 20%;}
	25% {width: 25%;}
	30% {width: 42%;}
	40% {width: 56%;}
	60% {width: 68%;}
	65% {width: 69%;}
	80% {width: 78%;}
	90% {width: 91%;}
	95% {width: 97%;}
	100% {width: 100%;}
}
div#load-txt {
	position: absolute;
	top: 760px;
	width: 100%;
	text-align: center;
	cursor: default;
	z-index: 999;
	color: #0af;
	font-size: 30px;
}
div#load-txt::after {
	content: '100%';
	animation: load-txt 10s;
}
@keyframes load-txt {
	0% {content: '0%';}
	10% {content: '10%';}
	12% {content: '15%';}
	17% {content: '20%';}
	25% {content: '25%';}
	30% {content: '42%';}
	40% {content: '56%';}
	60% {content: '68%';}
	65% {content: '69%';}
	80% {content: '78%';}
	90% {content: '93%';}
	95% {content: '98%';}
	100% {content: '100%';}
}
div[game-data="resources"]{
	position: absolute;
	left: -99999px;
}
div[game-data="game"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
span#cross {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.7;
	font-size: 30px;
	color: #aaa;
	transform: translateX(-50%) translateY(-50%);
	font-family: sans-serif;
}
div#hotbar {
	position: absolute;
	bottom: 50px;
	height: 75px;
	width: 400px;
	left: 50%;
	transform: translateX(-50%);
}
div#hotbar > div {
	display: inline-block;
	background-color: #0007;
	border: 2px inset #aaa;
	height: 70px;
	width: 70px;
	border-radius: 20px;
	background-size: 60px 60px;
	background-position: center center;
	background-repeat: no-repeat;
}
div#hotbar > div:nth-child(1){
	background-image: url('imgs/stone.png');
}
div#hotbar > div:nth-child(2){
	background-image: url('imgs/log.png');
}
div#chat {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	overflow: hidden;
}
div#chat > input {
	display: none;
	font-size: 30px;
	padding-left: 20px;
	border: 0;
	width: 100%;
	height: 60px;
	background-color: #0007;
	color: #fff;
	outline: none;
	font-family: ComicSansMs;
}
div#chatMsg {
	display: none;
	height: fit-content;
	width: 100%;
	background-color: #0005;
	color: #fffc;
}
div#chatMsg > p {
	font-size: 30px;
	padding: 10px;
	margin: 0;
}
div#chatMsg > p > span {
	color: #fff;
}
div.dark-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #0007;
	opacity: 0;
}
div[game-data="background"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: -100;
}
div[game-data="main-menu"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 100;
}
div[game-data="main-menu"] > div#title {
	position: absolute;
	top: 150px;
	left: calc(50% - 450px);
	width: 900px;
	height: 250px;
}
div[game-data="main-menu"] > div#title > img {
	zoom: 2.3;
	user-select: none;
	pointer-events: none;
}
div[game-data="main-menu"] > div#options {
	position: absolute;
	top: 450px;
	width: 100%;
}
button[game-data]{
	display: block;
	position: absolute;
	left: calc(50% - 250px);
	height: 60px;
	width: 500px;
	border: 4px outset #aaa;
	border-radius: 25px;
	background-color: #5df;
	font-size: 40px;
	box-shadow: 0 0 5px #000;
	cursor: pointer;
}
button[game-data="play-btn"]{
	top: 0px;
}
button[game-data="settings-btn"]{
	top: 80px;
}
button[game-data="quit-btn"]{
	top: 160px;
}
button[game-data="play-btn"]:hover {
	color: #0c0;
	box-shadow: 0 0 5px #0f0;
}
button[game-data="settings-btn"]:hover{
	color: #cb0;
	box-shadow: 0 0 5px #ff0;
}
button[game-data="quit-btn"]:hover{
	color: #d00;
	box-shadow: 0 0 5px #f00;
}
button[game-data="play-btn"]:active {
	color: #0c0;
	box-shadow: 0 0 5px #0f0;
}
button[game-data="settings-btn"]:active{
	color: #cb0;
	box-shadow: 0 0 5px #ff0;
}
button[game-data="quit-btn"]:active{
	color: #d00;
	box-shadow: 0 0 5px #f00;
}
button[game-data]:active {
	border-style: inset;
}
div#player-viewer {
	position: absolute;
	top: 40%;
	left: 80%;
	text-align: center;
}
div#player-viewer > span {
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
div[game-data="play-menu"]{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 100;
}
button#p-close-btn {
	position: absolute;
	top: 10%;
	left: calc(10% - 50px);
	z-index: 100;
	border: 0;
	background-color: #ffe;
	width: 80px;
	height: 60px;
	font-size: 50px;
	color: #555;
	cursor: pointer;
	border-radius: 10px;
	padding-left: 10px;
	text-align: left;
}
div#p-nav {
	position: absolute;
	top: 10%;
	left: 10%;
	height: 80%;
	width: 15%;
	margin-left: 0px !important;
	background-color: #fd0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: right;
	z-index: 101;
}
div#p-nav > h1 {
	text-align: left;
	margin: 10px;
	font-size: 40px;
	font-weight: 300;
	margin-left: 20px;
	user-select: none;
	margin-bottom: 20px;
	color: #0af;
}
button.p-nav-btn {
	height: 70px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 30px;
	background-color: #ddd;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 3px outset #777;
	border-right: 0;
	cursor: pointer;
}
button.p-nav-btn:hover {
	background-color: #ccc;
}
button.p-nav-btn:active {
	border-style: inset;
}
div#p-ctn {
	position: absolute;
	top: 10%;
	right: 10%;
	height: 80%;
	width: 65%;
	background-color: #ffe;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
div.p-ctn {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
div.p-ctn > h1 {
	text-align: center;
	font-size: 70px;
	user-select: none;
	font-family: sans-serif;
}
div.p-ctn > h2 {
	font-size: 35px;
	font-weight: 300;
	margin-left: 10%;
}
div.center {
	text-align: center;
}
button#new-world-btn {
	font-size: 30px;
	padding: 10px;
	background-color: #5df;
	border: 3px outset #aaa;
	border-radius: 25px;
	width: 300px;
	cursor: pointer;
}
button#new-world-btn:hover {
	box-shadow: 0 0 5px #0f0;
	color: #0c0;
}
button#new-world-btn:active {
	border-style: inset;
	color: #0c0;
}
div#worlds {
	width: 70%;
	max-width: 70%;
	margin: 15%;
	margin-top: 0px;
	margin-bottom: 0px;
	height: fit-content;
	min-height: 105px;
	max-height: 350px;
	background-color: #ddc;
	border: 2px solid #09f;
	overflow-y: auto;
	overflow-x: hidden;
}
div.world-block {
	display: flex;
	width: calc(100% - 12px);
	margin: 3px;
	height: 100px;
	border: 3px outset #aaa;
	background-color: #eed;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}
img.world-icon {
	height: 90px;
	width: 90px;
	margin: 5px;
	background-color: #09fa;
	border-radius: 10px;
}
div.world-block > div {
	display: inline-block;
	height: 90px;
	width: 100%;
}
span.world-name {
	font-size: 30px;
	margin: 10px;
	font-family: sans-serif;
}
div#new-world-options {
	display: none;
}
div#nwo-nav {
	position: absolute;
	top: 10%;
	left: 15%;
	height: 80%;
	width: 20%;
	margin-left: 0px !important;
	background-color: #fd0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: right;
}
div#nwo-nav > h1 {
	text-align: left;
	margin: 10px;
	font-size: 40px;
	font-weight: 300;
	margin-left: 20px;
	user-select: none;
	margin-bottom: 20px;
	color: #0af;
}
div#nwo-ctn {
	position: absolute;
	top: 10%;
	right: 15%;
	height: 80%;
	width: 50%;
	background-color: #ffe;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
img#world-img {
	height: auto;
	width: 90%;
	margin: 5%;
	text-align: left;
	border: 2px inset #aaa;
	border-radius: 10px;
	pointer-events: none;
}
button#create-world-btn {
	font-size: 30px;
	padding: 10px;
	background-color: #5df;
	border: 3px outset #aaa;
	border-radius: 25px;
	width: 280px;
	cursor: pointer;
}
button#create-world-btn:hover {
	box-shadow: 0 0 5px #0f0;
	color: #0c0;
}
button#create-world-btn:active {
	border-style: inset;
	color: #0c0;
}
button.nwo-nav-btn {
	height: 70px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 30px;
	background-color: #ddd;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 3px outset #777;
	border-right: 0;
	cursor: pointer;
}
button.nwo-nav-btn:hover {
	background-color: #ccc;
}
button.nwo-nav-btn:active {
	border-style: inset;
}
div.nwo-ctn > h1 {
	text-align: center;
	font-size: 70px;
	user-select: none;
	font-family: sans-serif;
}
div.nwo-area {
	padding-left: 40px;
	font-size: 30px;
}
div.nwo-area > small {
	font-size: 25px;
	font-family: sans-serif;
}
.nw-inp {
	font-size: 25px;
	padding: 3px;
	border: 2px inset #aaa;
	border-radius: 10px;
}
.nw-inp:focus {
	box-shadow: 0 0 5px #09f;
	outline: none;
}

div#pp-bar {
	display: none;
	position: absolute;
	top: 35%;
	left: 25%;
	width: 50%;
	height: 30%;
	background-color: #ffe;
	border-radius: 20px;
}
div#pp-bar > div.div {
	width: 80%;
	margin: 10%;
	height: 30px;
	background-color: #fe0;
	border: 3px outset #aaa;
	border-radius: 20px;
}
div#pp-bar > div.div > div {
	background-color: #0af;
	height: inherit;
	border-radius: 20px;
	animation: add_width1 40s;
}
@keyframes add_width1 {
	0% {width: 5%;}
	30% {width: 5%;}
	50% {width: 30%;}
	60% {width: 60%;}
	80% {width: 60%;}
	90% {width: 70%;}
	100% {width: 100%;}
}
div#pp-bar > h1 {
	text-align: center;
	margin: 40px;
	font-size: 40px;
}
div#pp-bar > header {
	display: none;
}
div#pp-bar > header > button {
	font-size: 40px;
	height: 60px;
	width: 250px;
	background-color: #5df;
	border: 3px outset #aaa;
	border-radius: 25px;
}
div#pp-bar > header > button:hover {
	box-shadow: 0 0 5px #0f0;
	color: #0c0;
}
div#pp-bar > header > button:active {
	box-shadow: 0 0 5px #0f0;
	border-style: inset;
	color: #0c0;
}
div#servers {
	width: 70%;
	max-width: 70%;
	margin: 15%;
	margin-top: 0px;
	height: fit-content;
	min-height: 105px;
	max-height: 400px;
	background-color: #ddc;
	border: 2px solid #09f;
	overflow-y: auto;
	overflow-x: hidden;
}
div.server-block {
	display: flex;
	width: calc(100% - 12px);
	margin: 3px;
	height: 100px;
	border: 3px outset #aaa;
	background-color: #eed;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}
img.server-icon {
	height: 90px;
	width: 90px;
	margin: 5px;
	background-color: #09f;
	border-radius: 10px;
}
div.server-block > div {
	display: inline-block;
	height: 90px;
	width: 100%;
}
span.server-name {
	font-size: 30px;
	padding: 10px;
	font-family: sans-serif;
}
span.server-des {
	font-size: 25px;
	margin: 10px;
	color: #aaa;
}
div[game-data="pause-menu"] {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 100;
	animation: fade-in2 1s;
}
@keyframes fade-in2 {
	0% {opacity: 0; pointer-events: none;}
	100% {opacity: 1; pointer-events: none;}
} 
div[game-data="pause-menu"] > div#title {
	width: 600px;
	height: 150px;
	margin-top: 100px;
	margin-left: 200px;
	margin-bottom: 100px;
}
div[game-data="pause-menu"] > div#title > img {
	zoom: 1.7;
}
button.pause-option {
	display: block;
	height: 60px;
	width: 400px;
	margin-top: 20px;
	margin-left: 320px;
	border: 4px outset #aaa;
	background-color: #5df;
	border-radius: 20px;
	cursor: pointer;
	font-size: 35px;
	box-shadow: 0 0 5px #000;
}
button.back-btn:hover {
	color: #0c0;
	box-shadow: 0 0 5px #0f0;
}
button.set-btn:hover {
	color: #cb0;
	box-shadow: 0 0 5px #ff0;
}
button.menu-btn:hover {
	color: #f50;
	box-shadow: 0 0 5px #f50;
}
button.pause-option:active {
	border-style: inset;
}
div[game-data="pause-menu"] > div#aside {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 30%;
	background-color: #eed;
	box-shadow: 0 0 5px #000;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
div[game-data="pause-menu"] > div#aside > h1 {
	text-align: center;
	font-size: 60px;
	font-family: sans-serif;
	cursor: default;
}
div#player-viewer1 {
	position: absolute;
	top: 40%;
	left: 50%;
	text-align: center;
}
div#player-viewer1 > span {
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
div[game-data="world-settings"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.3);
}
button#ws-close-btn {
	position: absolute;
	top: 10%;
	left: calc(10% - 50px);
	z-index: 100;
	border: 0;
	background-color: #ffe;
	width: 80px;
	height: 60px;
	font-size: 50px;
	color: #555;
	cursor: pointer;
	border-radius: 10px;
	padding-left: 10px;
	text-align: left;
}
div#ws-nav {
	position: absolute;
	top: 10%;
	left: 10%;
	height: 80%;
	width: 15%;
	margin-left: 0px !important;
	background-color: #fd0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: right;
	z-index: 101;
}
div#ws-nav > h1 {
	text-align: left;
	margin: 10px;
	font-size: 40px;
	font-weight: 300;
	margin-left: 20px;
	user-select: none;
	margin-bottom: 20px;
	color: #0af;
}
hr {
	width: 90%;
	margin-right: 0;
}
button.ws-nav-btn {
	height: 70px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 30px;
	background-color: #ddd;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 3px outset #777;
	border-right: 0;
	cursor: pointer;
}
button.ws-nav-btn:hover {
	background-color: #ccc;
}
button.ws-nav-btn:active {
	border-style: inset;
}
div#ws-ctn {
	position: absolute;
	top: 10%;
	right: 10%;
	height: 80%;
	width: 65%;
	background-color: #ffe;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
div.ws-set-ctn {
	overflow: auto;
}
div.ws-set-ctn > h1 {
	text-align: center;
	font-size: 70px;
	user-select: none;
	font-family: sans-serif;
}
div.ws-set-area {
	padding-left: 40px;
	font-size: 30px;
}
div#player-viewer3 {
	display: inline-block;
	border: 3px inset #aaa;
	text-align: center;
	width: fit-content;
	border-radius: 10px;
	background-color: #ddd;
	margin: 10px;
}
div#player-viewer3 > span {
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
div#player-ext-err1 {
	display: none;
	padding: 10px;
	background-color: #faa;
	border-radius: 10px;
	font-size: 25px;
	margin: 10px;
}
div[game-data="settings"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.3);
}
button#s-close-btn {
	position: absolute;
	top: 10%;
	left: calc(10% - 50px);
	z-index: 100;
	border: 0;
	background-color: #ffe;
	width: 80px;
	height: 60px;
	font-size: 50px;
	color: #555;
	cursor: pointer;
	border-radius: 10px;
	padding-left: 10px;
	text-align: left;
}
div#s-nav {
	position: absolute;
	top: 10%;
	left: 10%;
	height: 80%;
	width: 15%;
	margin-left: 0px !important;
	background-color: #fd0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: right;
	z-index: 101;
}
div#s-nav > h1 {
	text-align: left;
	margin: 10px;
	font-size: 40px;
	font-weight: 300;
	margin-left: 20px;
	user-select: none;
	margin-bottom: 20px;
	color: #0af;
}
hr {
	width: 90%;
	margin-right: 0;
}
button.s-nav-btn {
	height: 70px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 30px;
	background-color: #ddd;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 3px outset #777;
	border-right: 0;
	cursor: pointer;
}
button.s-nav-btn:hover {
	background-color: #ccc;
}
button.s-nav-btn:active {
	border-style: inset;
}
div#s-ctn {
	position: absolute;
	top: 10%;
	right: 10%;
	height: 80%;
	width: 65%;
	background-color: #ffe;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
div.s-set-ctn {
	overflow: auto;
}
div.s-set-ctn > h1 {
	text-align: center;
	font-size: 70px;
	user-select: none;
	font-family: sans-serif;
}
p.parag {
	padding-left: 40px;
	font-size: 30px;
}
div.s-set-area {
	padding-left: 40px;
	font-size: 30px;
}
div.flex {
	display: flex;
}
div#player-viewer2 {
	display: inline-block;
	border: 3px inset #aaa;
	text-align: center;
	width: fit-content;
	border-radius: 10px;
	background-color: #ddd;
	margin: 10px;
}
div#player-viewer2 > span {
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
div.side-bit {
	display: inline-block;
	padding: 10px;
}
.s-inp {
	font-size: 25px;
	padding: 3px;
	border: 2px inset #aaa;
	border-radius: 10px;
}
.s-inp:focus {
	box-shadow: 0 0 5px #09f;
	outline: none;
}
button.s-more-btn {
	font-size: 23px;
	border: 2px outset #777;
	border-radius: 10px;
	background-color: #ddd;
	padding: 5px;
}
button.s-more-btn:active {
	border-style: inset;
}
button[role="switch"] {
	height: 25px;
	width: 40px;
	border: 0px;
	background-color: #0000;
	background-size: 40px 25px;
}
button[role="switch"][on="true"]{
	background-image: url('imgs/switch.png');
}
button[role="switch"][on="false"]{
	background-image: url('imgs/switch0.png');
}
div#player-ext-err {
	display: none;
	padding: 10px;
	background-color: #faa;
	border-radius: 10px;
	font-size: 25px;
	margin: 10px;
}
div[game-data="notice"]{
	position: absolute;
	top: 10px;
	right: -400px;
	z-index: 200;
	height: 35px;
	width: 300px;
	padding: 10px;
	background-color: #ffe;
	border-radius: 15px;
	animation: slide 10s;
}
@keyframes slide {
	0% {right: -400px}
	20% {right: 10px}
	80% {right: 10px}
	100% {right: -400px}
}
div[game-data="notice"] > span {
	font-size: 25px;
}
div[game-data="popup"]{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 300;
	background-color: rgba(0, 0, 0, 0.3);
}
div#ppp-ctn {
	position: absolute;
	width: 600px;
	height: 400px;
	background-color: #ffe;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 20px;
}
button#ppp-c-btn {
	position: absolute;
	right: 10px;
	top: 5px;
	background-color: #0000;
	border: 0;
	font-size: 40px;
	color: #aaa;
	cursor: pointer;
}
h1#ppp-title {
	font-size: 40px;
	font-family: sans-serif;
	margin: 20px;
	margin-bottom: 0;
}
div#ppp-txt {
	font-size: 25px;
	padding: 20px;
}
button#ppp-btn {
	display: none;
	font-size: 25px;
	width: 100px;
	height: 50px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	border: 2px outset #aaa;
	border-radius: 10px;
	background-color: #0f0;
}
button#ppp-btn:hover {
	box-shadow: 0 0 10px #0f0;
}
button#ppp-btn:active {
	border-style: inset;
}
button#ppp-btn1 {
	display: none;
	font-size: 25px;
	width: 100px;
	height: 50px;
	position: absolute;
	right: 120px;
	bottom: 10px;
	border: 2px outset #aaa;
	border-radius: 10px;
	background-color: #ccc;
}
button#ppp-btn1:hover {
	box-shadow: 0 0 10px #f00;
}
button#ppp-btn1:active {
	border-style: inset;
}
.link {
	color: #05fd;
	text-decoration-line: underline;
	cursor: pointer;
}
div[game-data="footer"]{
	position: absolute;
	left: 0px;
	bottom: 5px;
	z-index: 110;
	height: 40px;
	width: 100%;
	text-align: right;
	color: #fff;
	font-size: 30px;
	text-shadow: 0 0 4px #000;
}
div[game-data="footer"]::after {
	content: 'v1.9.1 Resurrected';
	padding-right: 15px;
	user-select: none;
}
div[game-data="error"]{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-image: url('imgs/game_bg.png');
	background-size: cover;
	text-align: center;
}
div[game-data="error"] > h1#title {
	font-size: 150px;
	font-family: sans-serif;
	color: #fe0;
	text-shadow: 0 0 6px #000;
	user-select: none;
	margin: 150px;
}
div[game-data="error"] > p#content {
	position: absolute;
	bottom: 20%;
	width: 100%;
	text-align: center;
	color: #eea;
	font-size: 50px;
	text-shadow: 0 0 5px #000;
	user-select: none;
}

@media screen and (max-width: 1550px){
	div[game-data="loader"],div#chat,div#hotbar,div[game-data="main-menu"],div[game-data="pause-menu"],div[game-data="play-menu"],
	div[game-data="settings"],div[game-data="notice"],div[game-data="popup"],div[game-data="world-settings"],div[game-data="footer"],
	div[game-data="error"]{
		zoom: 0.9;
	}
}
@media screen and (max-width: 1300px){
	div[game-data="loader"],div#chat,div#hotbar,div[game-data="main-menu"],div[game-data="pause-menu"],div[game-data="play-menu"],
	div[game-data="settings"],div[game-data="notice"],div[game-data="popup"],div[game-data="world-settings"],div[game-data="footer"],
	div[game-data="error"]{
		zoom: 0.6;
	}
}
@media screen and (max-width: 800px){
	div[game-data="loader"],div#chat,div#hotbar,div[game-data="main-menu"],div[game-data="pause-menu"],div[game-data="play-menu"],
	div[game-data="settings"],div[game-data="notice"],div[game-data="popup"],div[game-data="world-settings"],div[game-data="footer"],
	div[game-data="error"]{
		zoom: 0.5;
	}
}