::selection {

	color: aqua;
	background-color: black;

}

body, footer {

	margin: 0%;
	background-color: black;
	color: white;

}

div#starHeading {

	font-family: "Comfortaa";
	font-size: 500%;
	height: 100%;
	width: auto;
	padding: 7%;
	margin: 0%;

}

h1.fancyHeader {

	font-family: "Comfortaa";
	font-size: 500%;
	width: auto;
	padding: 7%;
	margin: 0%;

}

p.para {

	font-family: "Comfortaa";
	padding: 4%;
	margin: 4%;
	color: darkgrey;
	font-size: 200%;
	border-radius: 25px;
	background-color: rgb(13,13,13);
	transition: all 0.25s;

}

p.para:hover {

	padding: 2%;
	margin: 6%;
	color: white;
	background-color: rgb(25,25,25);

}

footer {

	background-color: rgb(13,13,13);
	padding: 4%;
	color: darkgrey;

}

pre#credits {

	border-radius: 25px;
	background-color: black;
	font-size: 250%;
	padding: 2%;
	color: grey;
	margin: 2%;
	font-family: "Sacramento";
	transition: all 0.25s;

}

pre#credits:hover {

	padding: 0%;
	margin: 4%;
	color: white;

}

div.copyrightWrap {

	text-align: center;
	width: 100%;
	font-family: "Comfortaa";

}

@media only screen and (max-width: 1250px) {

	body {

		font-size: 50%;
		color: white;
	}

	div#starHeading {

		font-size: 300%;

	}

	p.para {

		padding: 4%;

	}

	pre#credits {
		
		font-size: 200%;
		padding: 2%;
		color: white;

	}

	div.copyrightWrap {

		color: white;
		padding: 3%;

	}
}