html {margin: 0;
	padding: 0;
	border: 0;
	background-color: #141414;
	background-image: url("backgrounds/0001earmintbg.png");
	scrollbar-width: none;
}
		
	body {margin: 0;
		padding: 1px;
		border: 0;
		line-height: 1;
		background-image: url();
		background-attachment: fixed;
		width: 100vw;
		height: 100vh;
		cursor: url("s&b-w.png"), auto;
		}
		
	.main {background-image: url("backgrounds/0001earmintbg.png");
		width: 980px;
		margin: 19px;
	   }

	.tablescale {
		width: 95%;
		height: 95%;
		margin: auto;
		border-style: double;
		border-width: 5px;
		border-color: #CD5C20;
		position: relative;
		object-fit: contain;
		}

	.tableindex {
		width: 70vw;
		margin: auto;
		border-style: double;
		border-width: 5px;
		border-color: #2F1045;
		background: url("backgrounds/peacelandsbgimg.png");
		position: fixed;
    	top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
		}

	.notfoundbox {
		border-style: double;
		border-width: 5px;
		border-color: #CD5C20;
		background: #000000;
		height: 70vh;
		}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	
/* Responsive layout - makes a one column layout (100%) instead of a two-column layout (50%) */

.flexparent {
	display: flex;
	flex-wrap: wrap;
	margin-left: 10%;
	margin-right: 10%;
	align-items: center;
	}

	.flexchild-l {
		flex: 50%;
		}

	.flexchild-r {
		flex: 50%
		}

	@media (max-width: 800px) {
		.flexchild-l, .flexchild-r {
			flex: 100%;
			}
		}

	
	.ratio {aspect-ratio: 4 / 3;
		}
	
	.textbox {border-style: dashed;
		border-width: thin;
		border-color: #D33300;
		background-color: black;
		z-index: 3;
		}

	@font-face {font-family: 'HVDPeace';
				src: url("fonts/HVD_Peace.ttf");
				}

	@font-face {font-family: 'KillSwitch';
				src: url("fonts/Kill.ttf");}

	h1, h2, h3, h4, h5, h6, p, li {color: white;
							   }
	

	.flashing {font-weight: normal;
		color: #FBEB66;
		animation-name: textflash;
		animation-duration: 1s;
		animation-direction: alternate;
		animation-iteration-count: infinite;}
	
	@keyframes textflash {
		0% {color: #B72225;}
		100% {color: #FBEB66;}
	}
	
	h5 {font-size: 14px;}
	
	h6 {opacity: 50%;
	font-weight: normal;}	

	p {line-height: 1.3;
	}
	
	a {color: white;}

	img {loading:"lazy";}

	.bottomtext {
		position: relative;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
	}

	.h2symbol {
		font-size: 14px;
		text-decoration: none;
		}

	.li-happy {list-style-image: url("images/icons/happy.png")}
	.li-sad {list-style-image: url("images/icons/sad.png")}


/*buttons*/

.btnimg1 {image-rendering: pixelated;}

.btnimg2 {display: none;}

.btn {color: transparent;
		border: 0;}

.btnmenu {justify-content: center;
			background-color: transparent;
    		background-repeat: no-repeat;
   			border: none;
    		outline: none;
			width: 250px;
			}

.btnfun {justify-content: center;
			background-color: transparent;
    		background-repeat: no-repeat;
   			border: none;
    		outline: none;
			}

.btn:hover .btnimg2 {display: inline-block;}

.btn:hover .btnimg1 {display: none;}

/*index shit*/
.dsmenu {
    position: absolute;
    left: 50%;
    top:0;
    transform: translateX(-50%);
}

.dsenter {
    position: absolute;
    left: 50.5%;
    top: 55%;
    transform: translateX(-50%);
	
}

/*iframe for sitemap*/
.sitemap {
	overflow: hidden;
	width: 1024px;
	height: 768px;
/*	border: 30px solid transparent;
	border-image: url(sitemap/mapborder.png) 30 round;*/
	border: none;
}

.scrollbar-parent {
	overflow-y: auto;
	visibility: hidden;
}

.scrollbar-child, .scrollbar-parent:hover, .scrollbar-parent:focus {
	visibility: visible;
}


/*nav*/
.pages {display: inline-block;
	}
	
.pages a {color: white;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	}
	
.pages a.active {color: white;
	text-decoration: underline;
	font-weight: bold;
	}
	
.pages a:hover:not(.active) {color:#E27C45;
	font-weight: bold;
	}

/*scrollbar text*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: transparent;
  border: 0px none;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
::-webkit-scrollbar-thumb:active {
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}