body {
	background-image: url("../img/IMAGE_DEPTHS.png");
	background-size: 100% auto;
	background-repeat: repeat;
}

@font-face {
	font-family: "8bitoperator JVE";
	src: url('../../fonts/8bitOperatorPlus-Bold.woff');
}

#container {
	margin: auto;
	width: 40%;
}

a {
	color: #42E2FF;
}

h1.title {
	color: white;
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 35px;
	margin-top: 0;
	margin-bottom: 0;
}

h2.heading {
	color: white;
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 25px;
}

p {
	color: white;
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
}

p.extra {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 25px;
}

.ut-text {
	background-color: black;
	border: 5px solid white;
	padding: 10px;
	font-size: 20px;
}

p.text {
	margin: 10px 0;
}

p.gaster {
	text-align: center;
	font-size: 27px;
	animation: flashBorder 5s infinite ease-in-out;
	line-height: 50px;
	letter-spacing: 1px;
}

@keyframes flashBorder { /* yeah turns out you can literally just find this animation on the deltarune site back when it first released lol */
	0% {text-shadow: -2.5px 0px 0 #888, 0px -2.5px 0 #888, 0px 2.5px 0 #888, 2.5px 0px 0 #888;}
	50% {text-shadow: -2.5px 0px 0 #444, 0px -2.5px 0 #444, 0px 2.5px 0 #444, 2.5px 0px 0 #444;}
	100% {text-shadow: -2.5px 0px 0 #888, 0px -2.5px 0 #888, 0px 2.5px 0 #888, 2.5px 0px 0 #888;}
}

hr {
	color: white;
}

@media only screen and (max-width: 1000px) {
	body {
		background-size: auto auto;
		background-position: center;
	}
	
	#container {
		width: 90%;
	}
	
	p.gaster {
		font-size: 20px;
		line-height: 35px;
	}
	
	.ut-text {
		font-size: 15px;
	}
	
	h1.title {
		font-size: 30px;
	}
	
	h2.heading {
		font-size: 20px;
	}
	
	p.extra {
		font-size: 13px;
		line-height: normal;
	}
}