@font-face{ 
    font-family: 'blockzone';
    src: url('../css/fonts/blockzone.woff') format('woff');
}


	@font-face {
	    font-family: 'montserratregular';
	    src: url('../css/fonts/montserrat-regular.woff2') format('woff2'),
	         url('../css/fonts/montserrat-regular.woff') format('woff');
	    font-weight: 400;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'montserratregular';
	    src: url('../css/fonts/montserrat-bold.woff2') format('woff2'),
	         url('../css/fonts/montserrat-bold.woff') format('woff');
	    font-weight: 700;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'montserratregularv2';
	    src: url('../css/fonts/Montserratv2-Regular.woff2') format('woff2'),
	         url('../css/fonts/Montserratv2-Regular.woff') format('woff');
	    font-weight: 400;
	    font-style: normal;
	}

	body {
		margin: 0;
	    padding: 0;
	    /* text-align: center; */
		font-family: 'Open Sans', sans-serif;
		background-color:#23223B; /* Make the same as dark border for newest app */
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		font-size:20px;
		font-weight:normal;
	}


html :where([style*=border-width]) {
    border-style: none!important;
}

	@-webkit-keyframes bg-slide {
		0% {
	    transform: translate(0%, 0%);
	  }
	  50% {
	    transform: translate(-65%, -70%);
	  }
	  100% {
	    transform: translate(0%, 0%);
	  }
	}

	.wrapper {
	    width:100%;
		  height: 100%;
			z-index: 1;
	    position: relative;
			overflow: hidden;
	}

	.content {
	    position: relative;
	    text-align: center;
	}

	.bg {
		position: absolute;
	   z-index: 0;
	   background-repeat: repeat;
	   /* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) repeat; */
	   width: 200%; /* 300/400 if animating */
	   height:150%;
	   /* animation: bg-slide 15s cubic-bezier(0.42, 0, 0.58, 1) 1s infinite; */
	}

.heateor_sss_sharing_ul {
	text-align:left;
}

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
	text-decoration: none!important;
}

.cart-contents:before {
	
    font-family: 'blockzone';
    font-weight: 900;	
    content: "\f290" !important;
    font-size: 30px;
    color: #FF1493;
	text-decoration: none!important;
}

.cart-contents:hover {
    text-decoration: none!important;
}

.cart-contents-count {
	position: absolute;
    	top: 16px;
   	right: 15px;
   	transform: translateY(-105%) translateX(25%);
	font-family: 'blockzone';
	font-weight: normal;
	font-size: 14px;
	letter-spacing:-1px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
    	border-radius: 0%;
    	padding: 0px 5px 0px 5px;  
	background-color:#ff0cff;
}

.navigation {
		display: flex;
		align-items: center;
		color: #fff;
		justify-content: space-between;
		padding: 1.5rem 2.5rem 0;
		height: 75px;
		margin-bottom: 1rem;
		vertical-align:baseline;
}	

.login_logo {
	width: 91px; height: 91px; scale: 0.7; opacity: 1.0; margin-left: 6.38em; margin-bottom:0.2em;
}

.login_logo_signup {
	width: 91px; height: 91px; scale: 0.7; opacity: 1.0; margin-left: 6.38em; margin-bottom:0.2em;
}

.login_button {
	color:white;
	padding:10px;
	background: #ff0cff;
	border:2px solid #ff0cff;
	margin-right:6em;
	text-decoration:none;
	
}
.login_button:hover {
	color:#ff0cff;
	padding:10px;
	border:2px solid #55ffff;
	background:#55ffff;
	margin-right:6em;
	text-decoration:none;
}

.login_container {
	flex-grow: 0.75;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px;
	margin-bottom:5%;
}

.login_inner_container {
	padding: 0rem;
    max-width: 490px;
    width: 90%;
    background-color: transparent;
/* 	border: 2px solid #ff0cff; */
}

.login_header {
	letter-spacing:-2px;font-size:25px;padding-left:5px;padding-right:5px;text-shadow:none;font-weight:normal; text-align:center;
	padding-top: 30px;
    padding-bottom: 20px;
	text-transform:uppercase;
}

.login_form_box {
	display: grid; gap: 1rem; width: 90%;
}

.login_form_container {
	font-size: .875rem; font-style: normal; line-height: 1.125rem; text-align:left;
}

.login_form_style {
	padding:15px;
	width:100%;
	border:2px solid #55ffff;
	background-color:transparent;
	color:#ff0cff;
	font-family:"blockzone";
	letter-spacing:-2px;
	font-size:22px;
	margin-bottom:1rem;
}

.login_form_style:focus {
    border: 2px solid #55ffff;
}

.login_forgot {
	display: flex; justify-content: flex-end; margin-top: 3rem;
}

.login_forgot_text {
	text-decoration:none;
	color:#838383;
	font-size:18px;
	letter-spacing:-1px;
}

.login_forgot_text:hover {
	color:#55ffff;
}

.login_forgot_font {
		font-size:18px;
		color:#aaa;
	}

.login_login_btn_box {
	display: flex; justify-content: flex-end;
}

.login_login_btn {
	width: 100%;
	text-shadow:none;
    font-size: 22px;
    background-color: #ff0cff;
    color: white;
    padding: 15px 15px 15px 15px;
    font-family: "blockzone";
	letter-spacing:-1px;
	margin-top:0.5rem;
}

.login_login_btn:hover {
	background-color:#55ffff;
	color:#ff0cff;
	cursor:pointer;
}

@media screen and (max-width: 900px) {
	.heateor_sss_sharing_ul {
	text-align:center!important;
	}
}

.bg2 {
	position: absolute;
	   z-index: 0;
	   background: black repeat; 
	   width: 200%; /* 300/400 if animating */
	   height:150%;
	left:0px;
}

	#container {
		margin:0 auto;
	}
	.scale {
		-webkit-transform:scale(0.85);
		-moz-transform:scale(0.85);
		-ms-transform:scale(0.85);
		-o-transform:scale(0.85);
		transform:scale(0.85);
	}

	a {
		/* -webkit-transition: 0.2s color ease-in-out;
		-moz-transition: 0.2s color ease-in-out;
		-o-transition: 0.2s color ease-in-out;
		transition: 0.2s color ease-in-out; */
	}

	::selection {
		background: #ff0cff;
		color: #ff0cff;
	}

#heading1 {
	background-color:black;
	color:white;
	text-align:center;
	width:100%;
	height:150px;
}
	.about-text-small_top_s {
	  font-family: 'blockzone';
	  font-size:22px;
	  letter-spacing: -1px;
	    width:850px;
	    padding-left:30px;
	    color:WHITE;
	    line-height: 1.5;
	    margin:0 auto;
	    margin-top:0px;
	    text-align:left;
	    margin-bottom:30px;
			text-transform: uppercase;
	}

	.nostylelink {
		text-decoration: none;
	}

	.about-text-small {
		font-family: 'blockzone';
		font-size:30px;
		letter-spacing: -1px;
			padding-left:30px;
			color:WHITE;
			line-height: 1.25;
			margin:0 auto;
			margin-top: 241px;
			text-align:left;
			margin-bottom:30px;
}


	.about-text-smallester {
		font-family: 'blockzone';
		font-size:30px;
		letter-spacing: -1px;
			padding-left:30px;
			color:WHITE;
			line-height: 1.5;
			margin:0 auto;
			margin-top: 0px;
			text-align:left;
			margin-bottom:30px;
}


.about-text-smaller {
		font-family: 'blockzone';
		font-size:30px;
		letter-spacing: -1px;
			padding-left:30px;
			color:WHITE;
			line-height: 1.5;
			margin:0 auto;
			margin-top: 0px;
			text-align:left;
			margin-bottom:15px;
	}
 
.about-text-smallest {
		font-family: 'blockzone';
		font-size:30px;
		letter-spacing: -1px;
			padding-left:30px;
			color:WHITE;
			line-height: 1.5;
			margin:0 auto;
			margin-top: 0px;
			text-align:left;
			margin-bottom:15px;
	}
.about_section {
	background-color:rgba(0,0,0,0.1);
	padding-top:30px;
	padding-bottom:5px;
	margin-bottom:20px;
}

.about_section-2 {
	background-color:rgba(0,0,0,0.1);
	padding-top:5px;
	padding-bottom:10px;
}

.coffeebtn {
	scale:0.8;
	width:380px;
	margin: 0 auto;
}
.coffeebtn:hover {
	scale:0.85;
}
	.center {
		text-align:center;
		/* border-radius:24px; */
		border:5px solid #ff0cff;
		background-color:rgba(255,255,255,0.1);
		padding:20px;
		text-decoration:none;
		color:#F2F2F0;
		width:380px;
		font-size:20px;
	}

	.center2 {
		text-align:center;
		/* border-radius:12px; */
		background-color:#ff0cff;
		border:2px solid #ff0cff;
		padding:20px;
		text-decoration:none;
		color:white;
		width:auto;
		font-size:20px;
		margin:5px;
		font-family: 'blockzone';
		letter-spacing: -1px;
	}

	.center22 a {
		text-align:center;
		/* border-radius:12px; */
		padding-top:0px;
		text-decoration:none;
		color:#ddd;
		width:auto;
		font-size:12px;
		margin-top:0px;
		font-family: 'blockzone';
		letter-spacing: 0px;
	}

	.center3 {
		/* border-radius:12px; */
		padding:0px;
		margin:0px;

		text-decoration:none;
		border:none;
		background-color:black;

	}

	.xbtn {
		font-size:20px;
		font-family: 'blockzone';
		color: gray;
	}

	.fadebtn {
		-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
	}

	.buttonIn {
		left: 45%;
	transform: translateX(-45%);
	        width: 350px;
	        position: relative;
	    }

	@media not all and (min-resolution:.001dpcm)
	{ @supports (-webkit-appearance:none) {
			    .clearbutton {
						top:8px !important;
					}
			}}


.stuff .stufftext {
  visibility: hidden;
  width: 420px;
	height:250px;
	font-size:12px;
  background-color: white;
  color: gray;
	text-transform: uppercase;
  text-align: left;
  border-radius: 0px;
  padding: 15px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top:35px;
  right:-359px;
  text-shadow:none;
  box-shadow: #000 0px 1px 4px, #000 0px 0px 0px 5px; 

}

.stuff{
	position: relative;
  display: inline-block;
	cursor:pointer;
	color:#d3d3d3;
}

.stuff:hover .stufftext {
  visibility: visible;
	cursor:pointer;
}

.stuff:hover {
	color:white;
	background-color:#ff0cff;
}

.clearbutton {
	 position:absolute;
	 border-radius: 0px;
	 right: -25px;
	 z-index: 2;
	 border: none;
	 top: 8px;
	 height: 34px;
	 cursor: pointer;
	 color:black;
	 background-color: transparent;
}

	/* .center3 {
		text-align:left;
		/* border-radius:0px 0px 12px 12px; */
		/* background-color:rgba(0,0,0,0.1);
		border:0px solid #008800;
		padding:20px;
		text-transform: uppercase;
		text-decoration:none;
		color:#d3d3d3;
		width:97%;
		font-size:18px;
		margin:0 auto;
		font-family: 'blockzone';
		letter-spacing: -1px;
		line-height:24px; */
	

	.center4 {
		text-align:left;
		padding:10px 20px 15px 10px;
		text-transform: uppercase;
		text-decoration:none;
		color:#848484;
		font-size:16px;
		margin:0 auto;
		font-family: 'blockzone';
		letter-spacing: -1px;
		line-height:20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

	}


	.gamesdiv2 .menu .center2:hover {
		background-color:#55FFFF!important;
	  	color:#ff0cff!important;
		cursor:pointer!important;
	}
	
	.center22 a:hover{
		border:2px solid #55FFFF;
		background-color:#55FFFF;
	  color:#ff0cff;
		cursor:pointer;
	}
	.center3:hover {
		cursor:pointer;
	}

	.row {
	  display: flex;
		/* border-radius:24px; */
		justify-content: center; /* align horizontal */
	  align-items: center; /* align vertical */
	  min-height: 100px;
	  padding: 10px;
		margin-bottom:25px;
		border:5px solid #55FFFF;
			background-color:rgba(0,0,0,0.1);

	}


	.supporticon {
		width:48px;
		margin-top:5px;
		/* -webkit-filter: grayscale(1);
	  -moz-filter: grayscale(1);
	  -ms-filter: grayscale(1);
	  -o-filter: grayscale(1);
	  filter: grayscale(1); */
	}

	.supporticon:hover {
		/* -webkit-filter: grayscale(0);
	  -moz-filter: grayscale(0);
	  -ms-filter: grayscale(0);
	  -o-filter: grayscale(0);
	  filter: grayscale(0); */
	}

	.row:hover {
		/* border: 1px solid #AA00AB; */
		border:5px solid #ff0cff;
		background-color:rgba(255,255,255,0.1);

		/* box-shadow: #000 0px 1px 4px, #000 0px 0px 0px 5px; */

	}
	.column {
	  flex: 10%;
	}

	.supportcontainer {
		margin:0 auto;width:720px;
	}

	.supportlink{
		text-decoration: none;
	}
	.support {
		color:#fff;
	}
	.supportlinks {
		border-bottom: 0px dotted #C2C2C2;
		background-color:none;
		text-decoration:underline;
		color:#d3d3d3;
		transition: none;
		text-transform: uppercase;
	}

	.supportlinks:hover {
		border-bottom: 0px solid #944B8D;
		background-color:#ff0cff;
		text-decoration:none;
		color:#F2F2F0;
	}

	.column2 {
	  flex: 90%;
	}

.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
}

.popup_buttons_login {
    background-color: #ff0cff;
    padding: 10px 15px 10px 15px;
    color: white;
    font-family: blockzone;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 22px;
    display:block;
    border:2px solid #ff0cff;
}

.popup_buttons_login:hover {
    background-color: transparent;
}

.popup_buttons_signup {
    background-color: #55FFFF;
    padding: 10px 15px 10px 15px;
    color: #ff0cff;
    font-family: blockzone;
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 22px;
    display:block;
    border:2px solid #55ffff;
}

.popup_buttons_signup:hover {
    background-color: transparent;
    color:white;
}

.popup-content_logged_out {
    float:right;
    margin: 65px 14.5% 5% 5%; /* 15% from the top and centered */
    padding: 20px 25px 20px 25px;
    width: 125px; /* Could be more or less, depending on screen size */
    /* From https://css.glass */
background: rgba(0, 0, 0, 0.6);
border-radius: 0px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 2px solid #ff0cff;
}

.popup-content_logged_in {
    float:right;
    margin: 65px 14.5% 5% 5%; /* 15% from the top and centered */
    padding: 0px 20px 0px 5px;
    width: 175px; /* Could be more or less, depending on screen size */
    /* From https://css.glass */
background: rgba(0, 0, 0, 0.6);
border-radius: 0px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 2px solid #ff0cff;
	text-align:left;
}

.login_username {
	color:white;
	font-family:'blockzone';
	font-size:22px;
	letter-spacing:-1px;
	text-shadow:none;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:5px;
	word-wrap: break-word;
    margin-right: 10px;
}

.login_email {
	color:#ccc;
	font-family:'blockzone';
	font-size:16px;
	margin-top:0px;
	letter-spacing:-1px;
	text-shadow:none;
	margin-left:14px;
	margin-bottom:15px;
	word-wrap: break-word;
    margin-right: 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 175px;
}

.login_items {
	margin:0px;
	padding:0px;
}
.login_items a {
	color:#55ffff;
	font-family:'blockzone';
	font-size:20px;
	letter-spacing:-1px;
	text-shadow:none;
	margin-bottom:10px;
	display:block;
	text-decoration:none;
	padding:5px 10px 5px 5px;
	margin:0px 0px 0px 10px;
}

.login_items a:hover {
	cursor:pointer!important;
	color:#ff0fff;
	background-color:#55ffff;
}

.login_logout a:hover {
	cursor:pointer!important;
	color:#55ffff;
	background-color:#ff0fff;
}

.login_logout a {
	color:#ff00ff;
	font-family:'blockzone';
	font-size:20px;
	margin-top:0px;
	letter-spacing:-1px;
	text-shadow:none;
	margin-bottom:10px;
	display:block;
	text-decoration:none;
	padding:5px 10px 5px 5px;
	margin:0px 0px 0px 10px;
}

#hr1 {
	border: 1px solid #ff00ff;
    width: 93%;
    margin: 10px 10px 10px 10px;
}

.close {
    display:none;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.login_btn {
    border:0px;
    padding:0px;
    width:25px;
    height:22px;
    background-color:transparent;
    margin-bottom: 2px;
}

.login_btn:hover {
    background-color:#ff0cff!important;
	cursor:pointer!important;
}


.shop_menu_btn {
    font-size:18px;
    font-family:blockzone;
    letter-spacing: 0px;
    color:white;
    text-decoration: none;
    padding-top:2px;
}

.shop_menu_btn:hover {
    background-color:#ff0cff;
}

	.bio-text {
		border-bottom: 0px dotted #fff;
		background-color:none;
		text-decoration:underline;
		color:#fff;
	  font-family: 'blockzone';
	  font-size:30px;
	  letter-spacing: -1px;
		margin: 0 auto;
		transition: none;
	}

	.bio-text2 {
		border-bottom: 0px dotted #C2C2C2;
		background-color:none;
		text-decoration:none;
		color:#ff0cff;
	  font-family: 'blockzone';
	  font-size:21px;
	  letter-spacing: -1px;
		margin: 0 auto;
		transition: none;
	}

	.bio-text:hover, .bio-text2:hover {
		border-bottom: 0px solid #944B8D;
		background-color:#ff0cff;
		text-decoration:underline;
		cursor:pointer;
		color:#F2F2F0;
	}

	.bgcover
	{
		height:75px;
	}

	.slice {
	  margin-top:0px;
		transform: scale(0.85);
	  margin-bottom:28px;
	}
	.gamesdiv {
	width:920px;
	margin: 0 auto;
	height:auto;
	padding-top:25px;
	margin-bottom:0px;
	border-top:0px solid #e3e3e3;
	border-bottom:0px solid #e3e3e3;
	}

	.menu {
		text-align:center;
	}

	.gamesdiv2 {
	width:80%;
	margin: 0 auto;
	height:auto;
	text-align:center;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	border-top:0px solid #56556D;
	border-bottom:0px solid #56556D;
	}

	.gamesdiv4 {
	width:550px;
	margin: 0 auto;
	height:auto;
	padding-top:37px;
	padding-bottom:20px;
	margin-bottom:0px;
	margin-top:25px;
	border-top:0px solid #56556D;
	border-bottom:0px solid #e3e3e3;
	background-color:#1A1A2D;
	border-radius:12px;

	}

	.gamesdiv3 {
	width:920px;
	margin: 0 auto;
	height:auto;
	margin-bottom:0px;
	border-top:0px solid #56556D;
	border-bottom:0px solid #e3e3e3;
	}


	.header-wrap {
		margin: 0 auto;
		width: 850px;
		padding:0px 0px 0px 0px;
		border-radius:2px;
		background-color: white;
		border-top: 1px solid #e3e3e3;
		border-left: 0px solid #333;
		border-right: 0px solid #333;
		text-align:center;
	}


	.clipped-box {
		cursor:crosshair!important;
		margin: 0px auto;
		-webkit-transition: top 1.2s linear;
		transition: top 1.2s linear;
	}

	.clipped-box div {
		z-index: 1;
		color: #23223B;
		font-size: 1em;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background: rgba(255, 165, 0, 0.0);
	}

	.clipped-box div h1 {
		text-shadow: 2px 2px rgba(0,0,0,0.2);
	}

	.clipped-box, .clipped-box div {
		width:107px;
		height:106px;
		position: relative;
	}

	.clipped-box div {
		position: absolute;
		top: auto;
		left: 0;
		background: rgba(255, 165, 0, 0.0);
		-webkit-transition: -webkit-transform 1.4s ease-in, background 0.3s ease-in;
		transition: transform 1.4s ease-in, background 0.3s ease-in;
	}


	
	img.appiconsize-normal-outside {
				max-width:920px;
	       margin: 0 auto;
				 /* border-radius:12px; */

				 /* -webkit-transition: all 0.25s ease;
			     -moz-transition: all 0.25s ease;
			     -ms-transition: all 0.25s ease;
			     -o-transition: all 0.25s ease;
			     transition: all 0.25s ease; */
	}

	.border-pink {
		border-top:2px solid #aa00ab;
		border-left:2px solid #aa00ab;
		border-right:2px solid #aa00ab;
		border-bottom:2px solid #aa00ab;
	}
	.border-pink:hover{
		border-top:2px solid #ff0cff;
	  border-left:2px solid #ff0cff;
	  border-right:2px solid #ff0cff;
	  border-bottom:2px solid #ff0cff;
	}

	.border-green {
		border-top:6px solid #55ff55;
		border-left:6px solid #55ff55;
		border-right:6px solid #55ff55;
		border-bottom:6px solid #55ff55;
	}
	.border-green:hover{
		border-top:6px solid #ff0cff;
	  border-left:6px solid #ff0cff;
	  border-right:6px solid #ff0cff;
	  border-bottom:6px solid #ff0cff;
	}

	.border-white {
		border-top:6px solid #fff;
		border-left:6px solid #fff;
		border-right:6px solid #fff;
		border-bottom:6px solid #fff;
	}
	.border-white:hover{
		border-top:6px solid #ff0cff;
	  border-left:6px solid #ff0cff;
	  border-right:6px solid #ff0cff;
	  border-bottom:6px solid #ff0cff;
	}

	img.appiconsize-normal-outside:hover {
				max-width:920px;
	       margin: 0 auto;
				 /* border-radius:12px; */
				 /* -webkit-transition: all 0.25s ease;
			     -moz-transition: all 0.25s ease;
			     -ms-transition: all 0.25s ease;
			     -o-transition: all 0.25s ease;
			     transition: all 0.25s ease; */
	}

	

	img.appiconsize-normal-outside-2 {
		width:920px;
	       margin: 0 auto;
	       border:0px solid black;
	}


	img.pink-hover:hover {
		box-shadow: 0 0 0 2pt rgba(255,12,255,1.0);
		-webkit-transition: all 0.25s ease;
			-moz-transition: all 0.25s ease;
			-ms-transition: all 0.25s ease;
			-o-transition: all 0.25s ease;
			transition: all 0.25s ease;
	}

	#footer #footercopyright {
		
		clear:both;
		height:57px;
		top:100%;
		font-size:14px;
	  color:white;
		padding:5px 0px 25px 0px;
		line-height:30px;
		width:100%;
	  font-family: 'blockzone';
	  font-size:16px;
	  letter-spacing: -1px;
		text-transform: uppercase;
			text-align:center;
	}

.pagelink {
	font-family:blockzone!important;
	padding:10px 30px 10px 30px!important;
	border:2px solid #55ffff!important;
	background-color:transparent!important;
	color:#fff!important;
	letter-spacing:-1px!important;
	font-size:16px!important;
	margin-top:28px!important;
}

.pagelink:hover {
	background-color:#ff0fff!important;
	cursor:pointer!important;
}

#bottomspace {
	display:block;
	background-color:none;
	width:100%;
	height:150px;
}


	 .logo {
			width:91px;
			height:91px;
		 	scale:0.7;
		 	opacity:0.0;
		 	margin-left:0.8em;
	}



 .logo-large{
			width:91px;
			height:91px;
	 		 	scale:1.0;
	 		opacity:1.0;
			 padding: 92px 0px 39px 0px; 
	}

#headerbox {
  
	z-index:2000;
	position:fixed;
	top: 0;
	width:100%;

}

.headercontainer {
	display: flex;
	width:80%;
	margin: 0 auto;
    height: auto;
    text-align: center;
}

.links {
  flex: 1;          /* shorthand for: flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header-title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logout {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  opacity:0.0;
  gap:4px;
}

.links a {
  margin: 0 5px;
  text-decoration: none;
}
 
  
#top-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 150px;
  left: 0;
}





footer {
/*   background: #23223B; */
  padding: 0rem;
  color: white;
  
  body.footer-not-at-top & {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  @at-root {
    body.footer-not-at-top {
      padding-top: 44px;
    }
  }
  
}

#bottom-of-site-pixel-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 2500px;
  left: 0;
}

	.sticky {
		margin-bottom:0px; 
    background-color: black;
    background-color:rgb(11,132,69);
    color: white; 
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
}


	#footercopyright p {
		line-height:15px;
	}

	.social-icons {
	  text-align: center;
	  margin: 0 auto;
	  padding-inline-start: 0px;
	  }

	.social-icons li {
	  display:inline-block;
	  float:left;
	  list-style-type:none;
	  -webkit-user-select:none;
	  -moz-user-select:none;
	  }

	.social-icons li a {
	  border-bottom: none;
	  }

	.social-icons li img {
	  width:62px;
	  height:62px;
	  margin-right: 0px;
	  -webkit-filter: brightness(0) invert(1);
	  -moz-filter: brightness(0) invert(1);
	  -ms-filter: brightness(0) invert(1);
	  -o-filter: brightness(0) invert(1);
	  filter: brightness(0) invert(1);
	  /* -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -ms-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease; */
	}

	.social-icons li img:hover {
	  -webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
		background-color:black;
	  /* transform:scale(1.1); */
	  opacity:1;
	}

	#socialicons {
		margin-top:7px;
		margin-left:90px;
	}

	/**
	 * Tooltip Styles
	 */

	/* Add this attribute to the element that needs a tooltip */
	[data-tooltip2] {
	  position: relative;
	  margin:-6px;
	  z-index: 2;
	  cursor: pointer;
	background-color:inherit;
	border:none;
	}

	/* Hide the tooltip content by default */
	[data-tooltip2]:before,
	[data-tooltip2]:after {
	  visibility: hidden;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	  opacity: 0;
	  pointer-events: none;
	}

	/* Position tooltip above the element */
	[data-tooltip2]:before {
	  position: absolute;
	  bottom: 100%;
	  left: 38%;
	  margin-bottom: 0px;
	  margin-left: -40px;
	  padding: 6px 7px 7px 7px;
	  width: 64px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  background-color: #eee;
	  color: #848484;
	  content: attr(data-tooltip);
	  text-align: center;
	  font-size: 12px;
	  font-variant: small-caps;
	  line-height: 1.2;

	}

	/* Triangle hack to make tooltip look like a speech bubble */
	[data-tooltip2]:after {
	  position: absolute;
	  bottom: 93%;
	  left: 41%;
	  margin-left: -5px;
	  width: 0;
	  border-top: 5px solid #eee;
	  border-right: 5px solid transparent;
	  border-left: 5px solid transparent;
	  content: " ";
	  font-size: 0;
	  line-height: 0;
	}

	/* Show tooltip content on hover */
	[data-tooltip2]:hover:before,
	[data-tooltip2]:hover:after {
	  visibility: visible;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	  opacity: 1;
	}

	.tooltip2 {
	    position: relative;
		cursor:	default;
	  text-decoration: none;
	}

	.tooltip2:after {
	    opacity: 0;
	    -webkit-transition: opacity .25s ease-in-out;
	    -moz-transition: opacity .25s ease-in-out;
	    transition: opacity .25s ease-in-out;
		font-size: 26px;
		letter-spacing:-1px;
	    background: #ff0cff;
	    /* border-radius: 16px; */
	    color: #F2F2F0;
	    font-family: 'blockzone';
	    content: attr(text);
	    left: 20%;
	    padding: 10px 15px 10px 20px;
		   margin-left:65px;
	    position: absolute;
	    z-index: 98;
			text-transform: uppercase;
	    width: 125px;
		height:25px;
			margin-top:-63px;
			/* bottom:17px" before changing to -63px margin-top */
	}

	.tooltip2:hover:after {
		opacity:1;
	}

	.tooltip2:before {
		opacity: 0;
	    -webkit-transition: opacity .25s ease-in-out;
	    -moz-transition: opacity .25s ease-in-out;
	    transition: opacity .25s ease-in-out;
		border-style: solid;
		border-width: 6px 12px 6px 0;
		border-color: transparent #ff0cff;
	    top:61px;
	    content: "";
	/*    left: 21%; */
		margin-left:64px;
	    position: absolute;
	    z-index: 99;
	}

	.tooltip2:hover:before {
		opacity:1;
	}

	/* FireFox/Chrome Only */
	@-moz-document url-prefix() {
	  .tooltip2:after {
	      bottom:-85px;
				margin-left:76px;
	  }
	}

	@-moz-document url-prefix() {
	    .tooltip2:before {
	      top:78px;
	    }
	}

	@media not all and (min-resolution:.001dpcm) /* Safari Only */
	{ @supports (-webkit-appearance:none) {
			    .tooltip2:after {
							margin-left:129px;
				  }
			}
		}


	.button {
	    background-color: #55FFFF;
	    border: 0px solid black;
	    color: #ff0cff;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 22px;
	  /*  margin: 15px 12px 48px 0px;*/
	    margin: 10px 0px 48px 0px;
	    cursor: pointer;
		border-radius:7px;
	}
	.button:hover {
		color:#55FFFF;
		background-color:;
		border: 1px solid #ff0cff;
	}

	.button3 {padding: 15px 30px;}

	.menulink {
		border-bottom: 0px dotted #C2C2C2;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		margin: 0 auto;
	  font-family: 'blockzone', sans-serif;
	  font-size:22px;
	  letter-spacing: -1px;
	  padding:15px 12px 15px 12px;
	  transition: none;
	}

	.menulink_active {
		font-family: 'blockzone';
		font-size:22px;
		letter-spacing: -1px;
		/* box-shadow:2px 2px 0px 0px black inset; */
		border-bottom: 0px solid #944B8D;
		background-color:#1A1A2D;
		text-decoration:none;
		padding:15px 12px 15px 12px;
		color:#ff0cff;
	  /* border-radius:16px; */
		transition: none;
		text-transform: uppercase;
	}

	.menulink:hover {
		background-color:#ff0cff;
		color:#fff;
		border-bottom: 0px solid #944B8D;
		text-decoration:none;
		padding:15px 12px 15px 12px;
	  /* border-radius:16px; */
		transition: none;
	}
	.menulink_active:hover
	{
		background-color:#1A1A2D;
		color:#ff0cff;
	}

	.mainmenu {
		margin-top:25px;
		margin-bottom:60px;
	}

	.presslink {
		text-decoration:none;
		color:#948FA3;
	;
	}

	.presslink:hover {
		color: #ff0cff;
		/* border-bottom:1px #c7c7c7 dotted; */
	}

	.bw {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	.bw:hover {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		opacity:1;

	}

	.grid {
		padding: 0px 0px 95px 0px;
		max-width: 1300px;
		margin: 0 auto;
		list-style: none;
		text-align: center;
	}

	.grid2 {
	    padding: 0px 0px 0px 0px;
	    max-width: 1300px;
	    margin: 0 auto;
	    list-style: none;
	    text-align: center;
	}

	.grid3 {
	    padding: 0px 0px 20px 0px;
	    max-width: 1300px;
	    margin: 0 auto;
	    list-style: none;
	    text-align: center;
	}

	.grid li {
		display: inline-block;
		width: 200px;
		margin: 0;
		padding: 0px 10px 10px 10px;
		text-align: center;
		line-height:1.2em;
		position: relative;
	}

	.grid2 li {
	    display: inline-block;
	    width: 920px;
	    margin: 0px 0px 50px 0px;
	    text-align: left;
	    position: relative;
	    line-height:1.4em;
	}

	.grid3 li {
	    display: inline-block;
	    width: 920px;
	    margin: 0px 0px 50px 0px;
	    text-align: left;
	    position: relative;
	    line-height:1.4em;
	}


	.grid figure, .grid2 figure, .grid3 figure {
		margin: 0;
		position: relative;
	}

	.grid figure img, .grid2 img, .grid3 img {
		max-width: 100%;
		display: block;
		position: relative;
	}

	.grid figure img:hover {
		opacity:0.8;
	}

	.grid figcaption {
		position: absolute;
		top: 0;
		left: 0;
		padding: 15px 0px 0px 0px;
		background: #fff;
		border-top:0px solid black;
		border-bottom:0px solid #e3e3e3;
		color: #747474;
		font-size:12px;
	}

	.grid2 span {
		color:#747474;
		font-weight:normal;
		float:right;
		font-size:12px;
		margin-right:15px;
		margin-top:1px;
	}

	.grid2 figcaption {
		position: absolute;
		top: 0;
		left: 0;
		padding: 15px 0px 10px 0px;
		border-top:0px solid black;
		border-bottom:1px solid #e3e3e3;
		border-left:1px solid #e3e3e3;
		border-right:1px solid #e3e3e3;
	  background-color:white;
		color: #747474;
		font-size:12px;
	}

	.grid3 figcaption {
		position: absolute;
		top: 0;
		left: 0;
	  background-color:white;
		padding: 0px 0px 0px 0px;
	  border:1px solid #e3e3e3;
		color: #747474;
		font-size:13px;
	}

	.grid figcaption h3 {
		margin: 0;
		padding: 0;
		color: black;
	}

	.grid2 figcaption h3 {
		margin: 0px 0px 0px 15px;
		padding: 0;
		color: black;
	}

	.grid3 figcaption h3 {
		margin: 15px 0px 0px 0px;
		padding: 0;
	  font-size:15px;
		color: black;
	}

	.grid3 figcaption h3.normal {
		margin: 0px 0px 0px 0px;
		padding: 0;
		color: black;
	  font-size:14px;
	  font-weight:normal;
	  text-align:left;

	}


	.grid figcaption a.clean {
		text-align: center;
		padding: 5px 10px;
		border-radius: 2px;
		display: inline-block;
		background:#fff;
		color:#ff4bff;
		border:1px solid #ff4bff;

		vertical-align:middle;
		margin-bottom:10px;
		text-decoration:none;
	}
	.grid figcaption a.clean:hover {
		background: #ff4bff;
		color: #fff;
	}
	.grid2 figcaption a.clean:hover, .grid3 figcaption a.clean:hover {
	    background: #ff4bff;
	    color: #fff;
	}

	.grid2 figcaption a {
	    text-align: center;
	    padding: 10px 50px;
	    border-radius: 2px;
	    display: inline-block;
	    background:#fff;
	    color:#ff4bff;
	    border:1px solid #ff4bff;
	    vertical-align:middle;
	    margin-bottom:18px;
	    text-decoration:none;
	}

	.grid3 figcaption a {
	    color:gray;
	    text-decoration:none;
	}
	.grid3 figcaption a:hover {
	  text-decoration:underline;
	}

	.patron_button {
	  width:217px;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	  opacity:1;
		margin-top:20px;
		margin-bottom:40px;
		margin-right:10px;
		border-radius:6px;
	  /* padding:20px 53px 40px 50px; */
		background-color:#F96854

	}

	.ppform {
	  padding:20px 50px 40px 50px;
	}

	/* Individual Caption Styles */


	/* Caption Style 3 */
	.cs-style-3 figure, .cs-style-2 figure {
		overflow:visible;
	}

	.cs-style-3 figure img, .cs-style-2 figure img {
		-webkit-transition: -webkit-transform 0.4s;
		-moz-transition: -moz-transform 0.4s;
		transition: transform 0.4s;
	}

	.no-touch .cs-style-3 figure:hover img,
	.cs-style-3 figure.cs-hover img, cs-style-2 figure:hover img, .cs-style-2 figure.cs-hover img {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
	}

	.cs-style-3 figcaption {
		height: 55px;
		width: 100%;
		top: auto;
		bottom: 0;
		opacity: 1;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}

	.cs-style-6 figcaption {
		height: 91px;
		width: 100%;
		top: auto;
		bottom: 0;
		opacity: 1;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}

	.cs-style-2 figcaption {
		height:55px;
		width: 100%;
		top: auto;
		bottom: 0;
		opacity: 1;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}

	.cs-style-4 figcaption {
		height:75px;
		width: 100%;
		top: auto;
		bottom: 0;
		opacity: 1;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
		transition: transform 0.4s, opacity 0.1s 0.3s;
	}

	.cs-style-6 figcaption, .cs-style-6 figcaption:before, .cs-style-6 figcaption:after,.cs-style-4 figcaption, .cs-style-4 figcaption:before, .cs-style-4 figcaption:after, .cs-style-3 figcaption, .cs-style-3 figcaption:before, .cs-style-3 figcaption:after, .cs-style-2 figcaption, .cs-style-2 figcaption:before, .cs-style-2 figcaption:after {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	/*.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption, .cs-style-2 figure:hover figcaption,
	.cs-style-2 figure.cs-hover figcaption {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
	}*/

	.cs-style-3 figcaption a, .cs-style-2 figcaption a {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}


	/* Form */

	#mc_embed_signup input.email {
	padding: 10px 10px 10px 0px;
	background-color:#fff;
	color:black;
	border-radius:0px;
	text-indent: 15px;
	margin-right:0px;
	line-height: 24px;
	margin-top:0px;
	width:40%;
	font-size:18px;
	letter-spacing: 0px;
	font-family: 'blockzone';
	text-transform:uppercase;
	}

	#mc_embed_signup {
	padding:0% 5% 0% 5%;
	}

	#mc_embed_signup input.button {
		margin-left:5px;
	}

	#mc_embed_signup .button {

		border:0px solid #ff4bff;
		border-radius:0px;
		padding: 10px 20px 10px 21px;
		line-height: 24px;
	  font-size:18px;
		text-transform: uppercase;
	  letter-spacing: -1px;
	  font-family: 'blockzone';


	}

	#mc_embed_signup .button:hover {
	cursor: pointer;
	background-color: #ff4bff;
	/* border:1px solid #1A1A2D; */
	}

	#mc_embed_signup input {
	border: 0px solid gray;
	-webkit-appearance: none;
	}

	#mc_embed_signup form {
	}

	
	#myUL {
	  /* Remove default list styling */
	  padding: 0px 0px 0px 15px;
		margin: 0 auto;
		/* text-align:center; */
	  list-style-position: inside;
	}
	
	#myUL_gallery {
		/* Remove default list styling */
		  margin: 0px auto;
		  text-align:center;
		list-style-position: inside;
	  }

	  #myUL_gallery .appiconsize-gallery {
		height:100%;
		width:100%;
		object-fit:cover;
	}
	
	#myUL_gallery .appiconsize-gallery:hover {
		overflow:hidden;
		/* transform: scale(3.0);
		transform-origin: 50% 50%; */
	
	}
	  
	#NoResults {
		display: none;
		margin:0 auto;
		text-align: center;
		margin-top: 0px; /* Prevent double borders */
		text-decoration: none; /* Remove default text underline */
		font-size: 36px; /* Increase the font-size */
		padding: 50px;
		width:550px;
		color:#100f1d;
		border-radius:12px;
		font-family: 'blockzone';
		line-height: 37px;
	}

	#myUL .link_image {
		width:100%;
	}


	#myUL .link_text
	{
		font-size:16px;
		text-align: left;
		letter-spacing: -1px;
		text-indent:-8px;
		padding-left:8px;
		/* transform: rotate(-2deg); */
	}

	#myUL .gamelinkm {
		font-size:16px;
	}

	#myUL .link_text_game
	{
		font-size:16px;
		text-align: left;
		letter-spacing: -1px;
		text-indent:-8px;
		padding-left:8px;
		/* transform: rotate(-2deg); */
	}

	.blackcolor_game {
		color:white;
		background-color: black;
	}

	#myUL p {
		margin-block-end:0em;
		margin-block-start:0em;

	}


	.quote_text {
		background-color:#ff4bff;
		color:white;
		padding:5px;
	}

	:root {
			--_0: 0;
	    --_10: 10%;
	    --_20: 20%;
			--_30: 30%;
	    --_40: 40%;
			--_50: 50%;
			--_60: 60%;
			--_70: 70%;
			--_80: 80%;
			--_90: 90%;
			--_100: 100%;
			--cover: cover;
			--none: none;
	}

	#myUL li #topImage {
		/* border-radius:19px 19px 0px 0px;  */
		width:100%; height:570px;
		object-fit:scale-down;
		padding:0px;
		margin-top:15px;
		object-position: 50% 50%;
		border:none;
	}

	#myUL li #topImage-top {
		/* border-radius:19px 19px 0px 0px;  */
		width:100%; 
		object-fit:scale-down;
		padding:0px;
		margin-top:0px;
		object-position: 50% 50%;
		border:none;
		height:auto;
	}

	#myUL li img.link_image_src_1_line {
		/* border-radius:19px 19px 0px 0px;  */
		width:100%; height:300px;
		object-fit:var(--fit);
		object-position: var(--dir) var(--dir2);
		/* -webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		 */
	}

	#myUL li img.link_image_src_2_line {
		/* border-radius:19px 19px 0px 0px;  */
		width:20%; 	width:150px; height:150px; object-fit:cover;
		float:left;
	}

	#myUL li img.link_image_src_3_line {
		/* border-radius:19px 19px 0px 0px;  */
		width:50%; 	width:150px; height:150x; object-fit:cover;
		float:left;
	}

	#myUL li img.link_image_src_4_line {
		/* border-radius:19px 19px 0px 0px;  */
		width:20%; 	width:75px; height:75x; object-fit:cover;
		float:left;
	}

	#myUL li img.link_image_src_1_line:hover, #myUL li img.link_image_src_2_line:hover,
	#myUL li img.link_image_src_3_line:hover, #myUL li img.link_image_src_4_line:hover {
		overflow:hidden;
		/* transform: scale(3.0);
		transform-origin: 50% 50%;
		-webkit-transition: all 85.25s ease;
			-moz-transition: all 85.25s ease;
			-ms-transition: all 85.25s ease;
			-o-transition: all 85.25s ease;
			transition: all 85.25s ease; */
			cursor:pointer; 
	}

	.clearfix::after {
	  content: "";
	  clear: both;
	  display: table;
	}

	#myUL li.linkstyle {

		margin:5px; /* Prevent double borders */
	  text-decoration: none; /* Remove default text underline */
	  display: block; /* Make it into a block element to fill the whole list */
		padding: 0px;
		border:5px solid white;
		color:black;
		font-family: 'blockzone';
		float: left;
	  width: 46.9%;
	  overflow: hidden;
	  position: relative;
	  height:300px;
	}

	#myUL .bottom-left {
		position: absolute;
		bottom: 10px;
		left: 0px;
	  }

	  #myUL .bottom-left-large {
		position: absolute;
		bottom:10px;
		left:0px;
		}

	  #myUL .top-right {
		position: absolute;
		top: 0px;
		right: 0px;
	  }

	#myUL li.linkstyle:hover {
		border:5px solid #ff0cff;
		/* box-shadow: 0 0 1px 1px #55FFFF; */
		
	}

	#myUL a.gamelink, a.gamelink {
		text-decoration: none;
		color:white;
		padding:2px;
		background-color:none;
	}

	#myUL_gallery a.gallerylink {
		text-decoration: none;
		color: #cacaca;;
	}

	#myUL_gallery a.gallerylink:hover {
		color:#ff0cff!important;
		text-decoration: none;
		background-color:#55FFFF!important;
	}

	#myUL a {
		text-decoration: none;
	}

	#myUL a.gamelinkm:hover, a.gamelinkm:hover {
		color:#55FFFF!important;
		text-decoration: none;
		background-color:#ff0cff!important;
	}

	#myUL a.gamelinkm, a.gamelinkm {
		text-decoration: none;
		color:#ff0cff;
		padding:2px;
		background-color:#55FFFF;
	}

	#myUL a.gamelink:hover, a.gamelink:hover {
		color:#55FFFF!important;
		text-decoration: none;
		background-color:#ff0cff!important;
	}

	#myUL li.gamelinkbox:hover {
		/* box-shadow: 0 0 1px 1px #55FF55; /* Full freedom. (works also with border-radius) */
		/* border: 5px solid #55FF55; */
		border:5px solid #ff0cff;
	}

	#myUL li.gamelinkbox-top:hover {
		/* box-shadow: 0 0 1px 1px #55FF55; /* Full freedom. (works also with border-radius) */
		/* border: 5px solid #55FF55; */
		border:5px solid #ff0cff;
	}

	#myUL li.gamelinkbox {
		border: 5px solid white; /* Add a grey border */
		margin: 10px 5px 10px 5px; /* Prevent double borders */
	  text-decoration: none; /* Remove default text underline */
	  display: block; /* Make it into a block element to fill the whole list */
		padding: 0px 0px 0px 0px;
		background-color:black;
		font-family: 'blockzone';
		color:black;
	    width:96%;
		float:left;
		height:600px;
		position:relative;
		overflow:hidden;
	}

	
	#myUL li.gamelinkbox-top {
		border: 5px solid white; /* Add a grey border */
		margin: 10px 5px 10px 5px; /* Prevent double borders */
	  text-decoration: none; /* Remove default text underline */
	  display: block; /* Make it into a block element to fill the whole list */
		padding: 0px 0px 0px 0px;
		background-color:black;
		font-family: 'blockzone';
		color:black;
	    width:96%;
		float:left;
		height:510px;
		position:relative;
		overflow:hidden;
	}
	

	#myUL_gallery li.gamelinkbox {
		border: 5px solid white; /* Add a grey border */
		margin: 0px 5px 10px 5px; /* Prevent double borders */
	  text-decoration: none; /* Remove default text underline */
	  display: block; /* Make it into a block element to fill the whole list */
		padding: 0px;
		background-color:white;
		color:black;
		font-family: 'blockzone';
		line-height: 27px;
		float:left;
	  	width:45.2%;
	  	overflow:hidden;
	}
	#myUL_gallery li.gamelinkbox:hover {
		/* border: 5px solid black; */
	}

	.overlink {
		color: gray;
		font-size:16px;
		font-family: 'blockzone';
		letter-spacing:-1px;
		padding:0px;
		background-color: black;
 		text-transform: uppercase;
		cursor:pointer;
	}

	.overlink:hover {
		background-color:#55FFFF;
		color:#ff0cff;

	}
	.hiddencolor {
		display:none;
	}

	.whitecolor {
		background-color:black;
		color:#c1bcd3;
		padding:2px 5px 2px 8px;
		font-size:18px;
		opacity:80%;

	}

	.whitecolor2 {
		background-color:black;
		color:#827f8c;
		opacity:70%;
		text-indent:-8px;
		margin-left:-8px;
		padding:2px 5px 2px 8px;
		font-size:14px;
		font-style: italic;
	}

	.blackcolor {
		background-color:black;
		color:white;
		padding:2px 0px 2px 0px;
		text-transform: uppercase;
	}

	.graycolor_game {
		color:gray;

		font-size:18px;
	}

	.greencolor {
		color: #00aa00;
		font-size:16px;
	}

	#scrolltopbtn {
		display:block;
	}

	#myBtn {
		display: none;
		position: fixed;
		top: 95%;
		left: 49.75%;
		transform: translate(-50%, -50%);
		z-index: 99;
		text-transform: uppercase;
		font-family: 'blockzone';
		font-size: 16px;
		border: none;
		outline: none;
		background-color: white;
		color: black;
		opacity:0.5;
		cursor: pointer;
		padding: 15px;
	}
	  
	  #myBtn:hover {
		background-color: #ff0cff;
		opacity:1.0;
	  }

	  .up_icon {
		  width:30px;
		  height:20px;
	  }


	.mobile-only-break { display: none;}
	.mobile-break { display: block; }

	@media (min-width:1500px) { /* hi-res laptops and desktops */
		#container {width:100%;}

	}

	@media (min-width:1800px) { /* hi-res laptops and desktops */
		img.appiconsize-normal-outside {
					max-width:1150px;
		}

		img.appiconsize-normal-outside:hover {
					max-width:1150px;
		}
		/* .center3{
			width:1124px;
		} */

	}

@media (max-width: 390px) {
   .logo {
		 	margin-left:0em;
	}
	
	
.button-dark {
	margin-left:0.9em;
}
	.logo-large {
		margin-left:3.55em;
	}
}

@media (max-width:768px) {
	
	.login_form_style_pass_spacing {
		letter-spacing:-1px!important;
		
	}
	.login_logo {
		margin-left: 0em; margin-bottom:0.2em; margin-top:2.5em;
	}
	
	.login_logo_signup {
		margin-left: 0em; margin-bottom:0.2em;
	}
	
	.login_forgot {
	font-size:16px;
}

	.login_forgot_text {
		font-size:15px;
	}
	
	.login_forgot_font {
		font-size:15px;
	}

	.login_header {
		font-size:22px;
	}
	
.navigation {
	justify-content:center;
}
	.login_questions {
		display:none;
	}
	
	.login_container {
	flex-grow: 0.5;
}
	.login_inner_container {
		width:85%;
	}
}
@media (min-width: 391px) and (max-width: 480px)  {
   .logo {
		 	margin-left:0em;
	}
	
	
.button-dark {
	margin-left:1.75em;
}
	.logo-large {
		margin-left:4.5em;
	}
}

@media (max-width:600px) {
	.gamesdiv2 {
		width:95%;
	}
	.logo {
		 	margin-left:-2em;
	}
	
	.about-text-small {
		font-size:20px!important;
		margin-top:191px;
		padding-right:5%;
	}
	
	.about-text-smallester {
		font-size:20px!important;
		padding-right:5%;
	}
	
	.about-text-smaller {
		font-size:20px!important;
		padding-right:5%;	
	}
	
	.about-text-smallest {
		font-size:20px!important;
		padding-right:5%;
	}
	
	.bio-text {
		font-size:20px!important;
	}
	
	.logo-large {
		width:71px;
		height:70px;
	}
	
	#bottomspace {

	height:50px;
}
	

}