@font-face {
	font-family: "ClimateCrisis";
	src: url("assets/fonts/ClimateCrisis.ttf") format("truetype");
}

@font-face {
	font-family: "Graphie";
	src: url("assets/fonts/Graphie-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Graphie";
	src: url("assets/fonts/Graphie-ExtraBoldItalic.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
}

#pageContent {
	margin: 2vw 4.9vw;
}

body {
	background-color: #1d1e1d;
}

h1 {
	font-family: "ClimateCrisis", sans-serif;
	color: #8cb057;
	font-size: 7vw;
	text-align: center;
	margin: 1vw 0
}

#pictoContainer {
	margin-top: 5vw;
	display: flex;
	justify-content: center;
}

img {
	width: 25vw;
	height: auto;
}

#contactContainer {
	margin-top: 5vw;
	display: flex;
	justify-content: space-between;
}

a {
	font-family: "Graphie", sans-serif;
	font-weight: 700;
	color: #8cb057;
	font-size: 1vw;
	margin: 0;
}

p {
	font-family: "Graphie", sans-serif;
	color: #e8dadb;
	font-size: 1vw;
	margin: 0;
}

#footerRightSide {
	text-align: right;
}