body {
	background: rgba(0,0,0,0.75);
	margin: 0;
	padding: 0;
	height: 100%;
}

.xcontainer {
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
	background: rgb(64, 64, 64);
	padding-bottom: 120px;
}
.container {
	box-shadow: 0 0 20px rgba(0,0,0,0.55);
	background: #292930;
}
div.col-6 {
	background: #292930;
}
.xheader {
	background: ;
	width: 100%;
	background-size: auto auto;
	background-position: center;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-family: Impact;
	font-size: 300%;
	border-bottom: 3px solid #645394;
	padding-top: 20px;
}



.xheader h1 span {
	color: #00d2ff;
}
.xheader p {
	font-size: 1em
}

.xheader a {
	color: #fff;
	text-decoration: none;
}

.xcontainer h2 {
	text-align: center;
	background: none;
	padding: 15px 0;
	color: #fff;
	font-size: 17pt;
}

.xgam {
	text-align: center;
	padding: 10px 0;
	
}

.xgam img {
	transition: 1s ease-in-out all;
	border: 1px solid #333;
}

.xgam:hover img, .xgam:active img {
	border-color: #645394;
	transition: 1s ease-in-out all;
}

.xgam a {
	text-decoration: none !important;
}

.xgam .caption {
	color: #fff;
	font-size: 80%;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
}

.xgam img {
	border-radius: 8px;
}

.xgam-names {
	display: none;
}

#xsearch {
	background: rgba(0, 0, 0, 0.4);
	border: none;
	border-bottom: 1px solid #777;
	display: inline-block;
	outline: none;
	margin: 30px auto;
	color: #aaa;
	text-align: center;
	transition: 1s ease-in-out all;
	width: 100%;
	height: 60px;
	font-size: 1.5em;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 7px;
}

#xsearch:focus {
	border-color: #645394;
	transition: 1s ease-in-out all;
	color: #fff;
	font-size: 200%;
}