@font-face {
	font-family: 'Gayathri';
	src: url('fonts/Gayathri.woff2') format('woff2'),
	     url('fonts/Gayathri.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "AlienEncountersSolid";
	src: url("fonts/AlienEncountersSolid.woff2") format("woff2"),
	     url("fonts/AlienEncountersSolid.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Rachana";
	src: url("fonts/Rachana.woff2") format("woff2"),
	     url("fonts/Rachana.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

html {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden; /* Empêche la barre de défilement horizontale */
	margin: 0;
	font-family: 'Gayathri', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	background-color: #000;
	color: #fff1de;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* Pour éviter que les blocs d'image soient en inline ce qui ajoute un espace sous l'image (comme pour un caractère) */
picture, picture img {
	display: block;
}

footer {
	display: block;
	background: #322;
	margin: 0;
	padding: 0.35em 10px 0px 10px;
	text-align: center;
}

a {
	color: #9fb475;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}