/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');

html { 
	height: 100%;
	overflow: hidden;
}
body {
	overflow: hidden;
	font-family: 'Anonymous Pro', sans-serif;
	color: #FFFFFF;
	background-color: #583C6F;
}
#image {
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
}
#image img {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
}
#main {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	right: 0;
	left: 0;
	padding: 1rem;
}
h1 {
	text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	font-size: 40px;
	font-weight: 400;
}
p {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 28px;
	font-weight: 400;
}