@import url("/Assets/CSS/Main.css");

body {
	width: 100vw;
	height: 100vh;
	overflow-x: hidden;
}

@media screen and (max-width: 1024px) {
	body {
		background: radial-gradient(circle at bottom center, #E3E3DB 0%, #DADACE 50%, #B4B49C 100%) fixed;
	}
	main, footer {
		margin: 2vw 2vw 2vw 10vw;
		font: 2.0vmax/1.4 Candara;
		font-weight: 100;
	}
}
@media screen and (min-width: 1025px) {
	body {
		background: url("/Assets/CSS/Backgrounds/OpenedBooks.png") fixed left bottom no-repeat, radial-gradient(circle at bottom center, #E3E3DB 0%, #DADACE 50%, #B4B49C 100%) fixed;
		background-size: 15vw, auto;
	}
	main, footer {
		margin: 2vw 5vw 2vw 15vw;
		font: 1.5vw/1.4 Candara;
		font-weight: 100;
	}
}

footer {
	text-align: center;
}

#fr-FR, #en-UK {
	position: fixed;
	left: 3vw;
	top: 3vh;
	width: 6vw;
	cursor: pointer;
	z-index: 1;
}
#home {
	position: fixed;
	left: 0;
	top: 10vh;
	width: 12vw;
	z-index: 1;
}

#contents .labels {					/* Contents labels for pages with tabs */
	text-align: center;
	margin: 2vw auto;
}
	#contents .labels input[type="radio"] {
		display: none;
	}
	#contents .labels label {
		display: inline-block;
		margin: 2vw;
		padding: 0.5em 1.0em;
		font: 1.0em Candara;
		font-weight: 100;
		cursor: pointer;
		transition: all 0.5s ease;
	}

[id^="Top"] {						/* Scroll up button at bottom right of all pages, except Welcome page */
	position: fixed;
	bottom: 2vw;
	right: 2vw;
	z-index: 100;
	display: none;
	color: #888A59;
	font-size: 2.5em;
	text-decoration: none;
	transition: all 0.5s;
}
	[id^="Top"]:hover {
		color: #A5A684;
	}