/** { margin:0; padding:0; box-sizing:border-box; }*/

:root {
    --primary-color:#b50c00;
    --default-color:#150609;
    --bg-color:#c6a981;
    --font-1:"Staatliches";
    --font-2:"Bowlby One SC";
}
html { background:fixed url(bg-parchemin.jpg) no-repeat center / cover; display:grid; place-items:center; min-height:100vh; font-family:"Staatliches",Arial, Helvetica, sans-serif; font-size:20px;letter-spacing:1px; word-spacing:2px; }
body { text-align:center; }

/*body::before { content:''; position:fixed; inset:0; background:#fff; opacity:.5; z-index:2; }
body::after { content:'Site en construction'; position:fixed; inset:0; display:grid; place-items:center; margin-top:-1em; color:var(--primary-color); font-size:10em; text-shadow:0 5px 10px #000; rotate:-20deg;  z-index:3; }*/

h1 { color:var(--primary-color); font-family:var(--font-2); }
a { color:var(--primary-color); font-weight:700; }
img { display:block; max-width:100%; }

.infos_pratique { position:absolute; top:-5rem; right:-3rem; rotate:8deg; background:black; padding:6em 3em 2em 2em; color:white; border-radius:50%; }

.illustrations { display:grid; grid-template-columns:1fr 1fr; gap:.5em; max-width:1000px; margin-inline:auto; margin-bottom:3em; padding:1em; }
.illustrations img:first-child { grid-row:1/3; height:100%; object-fit:cover; }

.iframe_youtube { display:block; width:100%; aspect-ratio:1240/700; }

.flyer a img { width:100px; margin-left:auto; opacity:.8; transition:all .5s ease-in-out; }
.flyer a:hover img { width:100%; opacity:1; }

.contact { display:inline-block; border:4px dashed; padding:.75em; margin-top:1rem; }