body::before {
	background-image: url(../images/fond_index.png);
}

header {
	top: calc(5 / 800 * 100%);
	left: calc(1181 / 1800 * 100%);
	opacity: 0;
	transition-property: top, opacity;
	transition-duration: 2s, 0s;
	transition-timing-function: ease-out, linear;
	transition-delay: 1.5s, 1.5s;
}

body.loaded header {
	top: calc(57 / 800 * 100%);
	opacity: 1;
}

section {
	width: 500px;
	top: calc(100 / 900 * 100%);
	left: calc(0 / 1800 * 100%);
	opacity: 0;
	transition-property: left, opacity;
	transition-duration: 2s, 0s;
	transition-timing-function: ease-out, linear;
	transition-delay: 1s, 1s;
}

body.loaded section {
	left: calc(100 / 1800 * 100%);
	opacity: 1;
}

nav {
	left: calc(100% - 20px);
	top: 30%;
}