:root {
	--pixel-cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto;
    --pixel-cursor2: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
}

html{
	cursor: var(--pixel-cursor);
}
.nes-pointer, img, .Li-Links, a, table, th, td {
    cursor: var(--pixel-cursor2);
}

html {
	font-family: press-start-2p;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-overflow-style: auto;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  @-ms-viewport {
	width: device-width;
  }

  html,
  body,
  pre,
  code,
  kbd,
  samp {
	font-family: "Press Start 2P";
  }
  
  /* html {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto;
  }
  
  .nes-pointer {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
  } */

#page-container {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto auto;
	grid-template-areas:
	'nav nav nav'
	'header header header'
	'body body body'
	'footer footer footer';
	position: relative;
	min-height: 100vh;
	background-color: rgb(0, 0, 0);
	overflow-x: auto;

}

#content {
	padding-bottom: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
}


h1, h2, h3, h4, h5, h6 {
	text-align: center;
}
header {
	grid-area: header;
}

.head2 {
	display: grid;
	grid-template-columns:auto auto auto;
	grid-gap: 50px;
	margin-bottom: 50px;
	color: rgb(255, 166, 0);

}

.head2 > article {
	border: 3px solid rgb(0, 255, 34);
	border-radius: 6px;
	padding: .5rem;
	background-image: linear-gradient(rgb(0, 0, 0), rgb(158, 6, 6) 50%, rgb(0, 0, 0) );
	box-shadow: #0011ff 10px 10px 10px;
}

.grid-test{
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	text-align: center;
}


.Landing-page {
	font-size: 30px;
	background: linear-gradient(#00ff00, #2f00ff, #880000);
	background-clip: text;
	color: transparent;
}

body {
	grid-area: body;
	max-width: 55%;
	margin: auto;
    font-family: press-start 2p,sans-serif;
	background-color: black;
	color: rgb(0, 255, 34);
	background-image: linear-gradient(rgb(0, 0, 0), rgb(158, 6, 6) 50%, rgb(0, 0, 0) );
} 

ul.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #0011ff;
	color: rgb(0, 255, 34);
	text-align: center;
	}



footer {
	grid-area: footer;
	text-align: center;
	list-style-type: none;
}



nav {
	grid-area: nav;

	li {
		float: center;
		font-size: 1em;
		
	}

	li a, .dropbtn {
		display: inline-block;
		color: rgb(0, 255, 34);
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 1em;
		/* cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; */
	}

	li a:hover, .dropdown:hover .dropbtn {
		background-color: #810000;
	}

	li.dropdown {
	display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #000000;
		min-width: 160px;
		box-shadow: 0px 8px 16px 8px #f3030333;
		z-index: 1;
	}

	.dropdown-content a {
		color: rgb(0, 255, 34);
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}

	.dropdown-content a:hover {background-color: #6e0101;}

	.dropdown:hover .dropdown-content {
		display:block;
	}
}

.table-overflow-x {
	overflow-x: auto;
}

table, th, td {
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	/* padding: 12px 16px; */
	border: 2px solid;
	text-align: center;
	tr:hover {background-color: rgb(54, 0, 0);}
	/* cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; */

}


picture {
	display: none;
}

/* img {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;

} */

.Li-Links, a {
	list-style-type: none;
	/* cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; */
}