:root
{
--marges: 0;
}
main {}

/* HEADER */

header
{
display: flex;
width: 100%;
height: 100vh;
flex-direction: column;
place-content: center;
place-items: center;
/*background: url(Fonds/Entete.jpg) no-repeat center / cover fixed;*/
}
header h1
{
width: 4em;
height: 4em;
margin-bottom: 0.75em;
&:hover {animation: 0.2s tremble1 linear infinite;}
}
header h1 img
{
width: 100%;
height: 100%;
border-radius: 100%;
outline: 2px solid var(--blanc);
outline-offset: 6px;
object-fit: contain;
filter: drop-shadow(0 0 5vw black);
}
header p
{
padding: 0 1em 0;
}
header q
{
display: block;
text-align: center;
text-wrap: balance
}
header q + em
{
display: block;
margin-top: 0.25em;
margin-right: 2em;
font-size: 0.9em;
text-align: right;
@media (orientation: portrait) {
margin-right: 6em;
}
}
#defile
{
--couleur: var(--blanc);
--ombre: transparent;
cursor: default;
}

/* SECTIONS */

main > section
{
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
padding: var(--marges);
background: no-repeat center / cover;
text-align: justify;
}
main > section h2
{
margin-bottom: calc(var(--marges) / 2);
}