/* font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Global */
*{
	box-sizing: border-box;
	outline: none;
}
html {
	font-size: 62.5%;
}
body {
	margin: 1rem;
	font-family: "Open Sans", sans-serif;
	background: url("../img/concrete_seamless.png");
	background-size: cover;
}

/* entête de la page */
header h1 {
	color: #015770;
	font-size: 3.5rem;
}
header a#toolbarToggle {
 	color: #2a8782;
 	text-decoration: none;
	font-size: 1.6rem;
}
nav {
	margin-top: 2rem;
}
nav a {
	margin: 2rem;
	padding: 1rem;
	padding-top: 2rem;
	padding-bottom: 0.5rem;
	text-decoration: none;
	color: black;
	background-color: white;
	border: black solid 1px;
	border-radius: 2px;
}
nav a i.fas {
	font-size: 3rem;
}
.hidden {
	display: none;
}

/* corps de la page */
figure {
	margin-top: 5rem;
	margin-bottom: 2rem;
}
figure img {
	width: 700px;
	border: white solid 15px;
	border-radius: 8px;
	box-shadow: black 0 0 10px;
	transform: rotate(-8deg);
}
figcaption {
	color: #2a8782;
	font-size: 4rem;
	text-align: center;
	transform: rotate(-8deg);
}

label, select, option {
	font-size: 2rem;
}