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("backgrounds/spider.gif");
		background-attachment: fixed;
		width: 100vw;
		height: 100vh;
		cursor: url("s&b-w.png"), auto;
		}
	
	.tableindex {
		width: 1024px;
		height: 768px;
		margin: auto;
		border-style: solid;
		border-width: 5px;
		border-color: #141414;
		background: url("backgrounds/0001earmintbg.png");
		position: fixed;
    	top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	transform: translate(-50%, -50%);
		}

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

table {border-collapse: collapse;
	border-spacing: 0;}

	@font-face {font-family: Panas;
				src: url("fonts/PanasChill.ttf");}

	h1, h2, h3, h4, h5, h6, p {color: white;
							   font-family: Panas;}
	
	h4 {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: #FBEB66;}
	.awhite {color: white}


/*buttons*/

.btnimg1 {}

.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;
			}

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

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


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #474747;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 1;
  top: 170px;
  left: 100px;
  margin-left: -0px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #474747 transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
}

.flexparent {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}

	.flexchild-l {
		flex: 20%;
		}

	.flexchild-r {
		flex: 50%
		}

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