@charset "UTF-8";
/* CSS Document */


body{
	
	background-color: #000;
	background-image:url("images/bg.jpg");
	overflow-y: scroll;
}

.border{
	
	width: 75%;
	background-image: linear-gradient(#d924ff, #6dffff);
	background-color: #00ced5;
	
	margin-left: auto;
	margin-right:auto;
	
}

.banner{

	float:none;
	width:100%;

}

.container{
	
	margin: 3px;
	background-color: #1d014c;
	min-height: 1200px;
	height: auto;
	z-index: 1;
}




.copy{
	float: right;
	width: 75%;
	padding:25px;

}

h3 {
	
	font-family: Quicksand;
	font-size: 30px;
	margin-bottom: 0;
	color: #ff24e3;
	margin-left: -25px;
}

p {
	
	font-family: Quicksand;
	font-size: 17px;
	margin-top: 0;
	text-align: justify;
	color: #6dffff;
}

.copyhr{
	height: 2px;
	width: 75%;
	margin: auto;
	background-image: linear-gradient(to right, #d924ff, #6dffff);
	background-color: #00d7aa;	
}

.sidebar{
	
	background-color: #1d014c;
	width: 33%;
	min-height: 1200px;
	z-index: 1;
	
}

.logo {
	float:none;
	width: 150px;
	margin-left: 22px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.sidebutton{
	
	Width: 33%;
	height: 35px;
	padding: 10px;
	padding-bottom: 2px;
	padding-left: 15px;
}

.side {
	
	text-decoration: none;
	color: #fff;
	
	font-family: Quicksand;
	font-size: 20px;
}

.sidebutton:hover, .sidebutton:active{
	
	
	width: 50%;
	
	transition: width .5s;
	transition-timing-function: ease;
	
	background-image: linear-gradient(to right, #d924ff, #6dffff);
	background-color: #d924ff;
	
}

.sidehr{
	margin-top: 35px;
	width: 100px;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	
}

.contact{
	
	font-family: Quicksand;
	font-size: 10px;
	color: #fff;
	
	margin: 15px;
}

.bgsprite{

	width:50%;
}


footer{
	
	width: 100%;
	height: 75px;
	margin:auto;
	background-color: #6dffff;
	margin-top: -15px;
}

h4{
	padding-top: 15px;
	margin: auto;
	text-align: center;
	font-family: Quicksand;
	font-size: 15px;
	color: #1d014c;
}