body {
	background-color: black;
	color: #eee;
	margin-left: 0;
	margin-right: 0;
	font-family: 'EB Garamond', Garamond, Georgia, 'Times New Roman', Times, serif;
}
.outwrap {
	margin-top: 0;
	padding-top: 0;
	background-image: linear-gradient(to bottom, black, yellow); /* make the dest color same as bggolor*/
	text-align: center;
}
a {
	color: black;
}
a:visited {
	color: black;
}
a:active, a:hover {
	color: red;
}
.thish1 {
	font-family: 'Pirata One', cursive;
	font-size: 5em;
	padding-top: 2.5vh;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 90%;
}
.line03 {
	font-size: 3em;
}
.line04 {
	text-align: center;
	font-size: 2.0em;
	padding-bottom: 0;
	margin-bottom: 1vh;
}
/* large */
@media only screen and (min-width: 600px) {
	.outwrap {
		font-size: 1.1em;
		height: 40vh;
	}
	.dplogo {
		width: 10%;
	}
}
/* small */
@media only screen and (max-width: 600px) {
	.outwrap {
		font-size: 0.9em; 
		height: 50vh;
	}
	.dplogo {
		width: 20%;
	}
}