/*
	Copyright © 2020 Yes & No Design Studio.
	All rights reserved.
 */

html,
body {
	overflow: hidden
}

body {
	justify-content: center; align-items: center;
	top: 0; right: 0; bottom: 0; left: 0
}

body,
body > svg {
	position: absolute
}

body,
main {
	flex-direction: column
}

header,
main {
	opacity: 0;
	animation: var(--dissolve)
}

header { margin-bottom: var(--medium-space) }

main {
	text-align: center;
	width: var(--min-container-width)
}

h2 { margin-bottom: var(--large-space) }

/* Logo burst */
body > svg {
	width: 3rem;
	height: 3rem;
	pointer-events: none
}