html {margin: 0;
	padding: 0;
	border: 0;
	background-color: #9E7736;}
		
	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;
		}
		
	.main {background-image: url("backgrounds/0001earmintbg.png");
		width: 980px;
		margin: 19px;
	   }
	
	.ratio {aspect-ratio: 4 / 3;
		}

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

.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: 320px;
  left: 170px;
  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;
}