*, *: :before, *: :after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-size: 17px;
	line-height: 1.4;
	font-weight: 100;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga""dlig";
	/*text-shadow: 0 0 .1px white;*/

background-color: #EDECE7;
	color: black;
}
div {
	background-position: 50% 50%;
	background-size: cover;
	height: 110%;
	width: 110%;
	position: fixed;
	z-index: -1;
	top: -5%;
	left: -5%;
	-webkit-filter: blur(2.5px) opacity(75%);
	filter: blur(2.5px) opacity(75%);
}
p {
	position: fixed;
	top: 10vh;
	left: 35vh;
	font-family: "Playfair Display", serif;
	font-feature-settings: "c2sc" on, "smcp" on, "liga" on;
	font-weight: normal;
	font-size: 72px;
	max-width: 725px;
	-webkit-transform: translate3d(-5vh, -5vh, 0);
	opacity: 0;
	-webkit-animation: slide-in .5s ease-out 0 forwards;
	animation: slide-in .5s ease-out 0 forwards;
}
@-webkit-keyframes slide-in {
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}@keyframes slide-in {
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
p::before {
	content: "\275d";
	position: absolute;
	top: 0;
	left: -1em;
}
p::after, span::after {
	content: ".";
}
span {
	position: fixed;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	bottom: 5vh;
	left: 35vh;
	font-style: italic;
	max-width: 725px;
	opacity: 0;
	-webkit-animation: fade-in .5s ease-out .5s forwards;
	animation: fade-in .5s ease-out .5s forwards;
}
@-webkit-keyframes fade-in {
	to {
		opacity: 1;
	}
}
@keyframes fade-in {
	to {
		opacity: 1;
	}
}
footer {
	position: fixed;
	bottom: 5vh;
	right: 5vh;
}