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

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

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

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

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

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