@font-face {
	font-family: "Basteleur Bold";
	src:
		local("Basteleur"),
		url("basteleur-bold.woff") format("woff");
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #180019;
	color: #EAA7D7;
	font-family: serif;
	font-size: 1.5em;
	text-align: justify;
}

a {
	color: #FF7D90;
}

a:focus {
	outline: thin dashed;
}

a:hover {
	color: #FC8332;
}

a:active {
	outline: thin solid;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Basteleur Bold";
}

h1 {
	font-size: 3rem;
	text-align: center;
}

.corps {
	max-width: 70%;
}

@media (max-width: 1100px) {
	.corps {
		text-align: left;
	}
}

@media (max-width: 800px) {
	.corps {
		max-width: 95%;
	}
}

footer {
	font-size: 0.5em;
	text-align: center;
}