html { 
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body{
	padding: 5% 3%;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
h1, h2{
	text-align: center;
	line-height: 2rem;
	text-shadow: -2px -2px 1px #000, 2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000;
}
h1{
	color: #96ff33;
}
h2{
	color: #ffe933;
}

p {
	text-shadow: -1px -1px 0.5px #000, 1px -1px 0.5px #000, 1px 1px 0.5px #000, -1px 1px 0.5px #000;
	line-height: 1rem;
	color: #33ff9f;
}
span{
	color: #ffe933;
}

.back {
	backdrop-filter: hue-rotate(180deg) brightness(50%);
}

br{
	margin-bottom: 1rem;
}

img {
	display: block;
	max-height: 50vh;
	margin-left: auto;
	margin-right: auto;
	text-shadow: -2px -2px 1px #000, 2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000;
}

a{
	font-size: 2.5rem !important;
	min-width: 15rem;
}

a.button:hover {
	text-shadow: 0 0 1rem #aaffaa;
}

a.button:active {		
	color: #d83c19;
	text-shadow: 0 0 1rem #95341e;
}