* {
	box-sizing: border-box;
}
a.one{ text-decoration-color: red }
a.white:link{ color: white }
a.white:visited{ color: white }
a.white:hover{ color: yellow }
p {
	text-align: justify;
	text-justify: inter-word;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	font-family: 'Courier New', monospace;
	background-image: linear-gradient(120deg, #FF0000, #6A0031);
	background-attachment:fixed
}
header {
	color: #FFFFFFD0;
	background-size: 100%;
}
footer {
	padding: 24px;
	text-align: center;
	font-size: 0.9rem;
	color: #FFFFFFD0;
	background-size: 100%;
}
main {
	flex: 1;
	max-width: 750px;
	margin: 0 auto;
	padding: 40px 20px;
}
section {
	margin-bottom: 24px;
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
	opacity: 95%;
}
h2 {
	text-align: center;
	color: #FF0000;
}
hr {
	width: 75%;
	border: 4px solid #ddd;
	border-radius: 2px;
	margin-top: 30px;
	margin-bottom: 30px;
}
audio {
	width: 100%;
}
blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 8px solid #ddd;
	border-radius: 3px;
} 
.container {
	display: flex;
}
.item {
	margin: 10px;
	order: 3;
	justify-content: center;
	align-content: center;
}

img.invert {
	-webkit-filter: invert(1);
	filter: invert(1);
	opacity: 80%;
}
/* Reverse style to avoid e-mail mining bots. 
 * piqué à Damien Desfontaines (https://desfontain.es)
 * qui l'a lui-même piqué à Seb Sauvage
 * (http://sebsauvage.net/)
 */
.baddirection 
{ 
    unicode-bidi:bidi-override; 
    direction: rtl; 
}