html {
	background-image:url(../images/bg.jpg);
	background-color: black;
	background-repeat:repeat;

	/*font-family: 'Merienda One', Helvetica, sans-serif;*/
	font-family: Marker Felt;
}

body {

}

#mainLogo {
	margin-top:-20px;
	width: 70%;
}

#yblogo {
  width: 300px;
  height: auto;
}

#headerContent {
	color: black;
	font-size:80px;
	text-align: center;
}

#mainContent {
	background-color:rgba(0, 18, 0, 0.8);
	margin: 0px 100px 0px 100px;
	padding:50px 50px;
	color: white;
	font-size: 20px;
	margin-bottom: 100px;
	text-align:center;
}

p {
	color: rgb(220,220,220);
}


.button {
	color: #fff;
	padding: 15px 25px;
	border-radius: 100px;
	background-color: #4C43CD;
	background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 2px 19px 31px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	font-size: 30px;
	margin: 20px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;

	cursor: pointer;
}