body {
	background-color: black;
}

@font-face {
	font-family: "8bitoperator JVE";
	src: url('../../fonts/8bitOperatorPlus-Bold.woff');
}

#container {
	margin: auto;
	width: 40%;
	border: solid 2px #01FF00;
	padding: 20px;
}

#drink {
	background-image: url('../img/IMAGE_DEPTHS.png');
	background-position: center top;
}

a {
	color: #42E2FF;
}

.on-site a {
	color: white;
}

a:hover {
	color: #F7FF00;
}

p {
	color: white;
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
}

hr {
	color: white;
}

.gaster {
	animation: flashBorder 5s infinite ease-in-out;
	letter-spacing: 1px;
}

.gaster-main {
	text-align: center;
	font-size: 24px;
	line-height: 35px;
}

.hidden {
	background-color: white;
}

.goner {
	text-decoration: line-through;
	color: #666;
}

@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;}
}

h1 {
	/* color: white; */
	color: #01FF00;
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
	font-weight: normal;
	margin: 0;
	padding-top: 10px;
	font-size: 24px;
}

h2 {
	color: white;	
	font-family: '8bitoperator JVE', 'determination mono', 'determination sans', '8bitoperator', 'Press Start 2P', sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
}

p.desc {
	margin: 0;
	color: #01FF00;
	margin-bottom: 16px;
	font-size: 16px;

}

p.desc-2 {
	margin: 0;
	color: white;
	margin-bottom: 16px;
	font-size: 16px;

}

@media only screen and (max-width: 1000px) {
	body {
		background-size: auto auto;
		background-position: center;
	}
	
	#container {
		width: 90%;
	}
	
	p.gaster {
	  font-size: 20px;
	}
	
	h1 {
	  font-size: 24px;
	}
	
	h2 {
	 font-size: 20px;
	}
	
	p.desc {
	  font-size: 18px;
	}
	
	p.desc-2 {
	 font-size: 16px;
	 padding-top: 5px;
	}
	
}