html {
	background-color: #000000;
	padding: 0;
	margin: 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

html,
body {
	cursor: url("syringe.cur"), default;
}

#buttons {
	width: 98%;
	margin: 39% auto auto auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	#buttons {
		width: 100;
	}

	.button {
		width: 90%;
		height: auto;
	}

	.here {
		width: 90%;
		height: auto;
	}

	p {
		font-size: 1em;
	}
}

@media only screen and (min-width: 768px) {
	.button {
		width: 90%;
		height: auto;
	}

	.here {
		width: 90%;
		height: auto;
	}

	p {
		font-size: 2em;
	}
}

@media only screen and (min-width: 1000px) {
	.button {
		width: 100%;
		height: auto;
	}

	#buttons img {
		width: 120%;
		height: auto;
	}

	.here {
		width: 120%;
		height: 160%;
	}
}

@font-face {
	font-family: myFont;
	src: url(NothingForYou.otf);
}

p {
	color: white;
	font-family: myFont, fantasy;
}

a,
a:link,
a:active {
	color: #ffee82;
	background-color: transparent;
	text-decoration: none;
}

a:hover,
a:visited {
	color: #00ff00;
	background-color: transparent;
	text-decoration: none;
}