nav[aria-label=Breadcrumb]{background:var(--background-alt);padding-bottom:2px;padding-top:8px;position:sticky;top:45px;z-index:0;& ol{display:flex;flex-wrap:wrap;list-style:none;margin-top:0;padding-bottom:0;padding-left:0;& li:not(:last-child):after{content:"/";margin-left:.25em;margin-right:.25em}& li:last-child{padding-left:8px}& li a{padding:8px}}}footer{background-color:var(--background-alt);border-top:var(--border-style);font-size:.75rem;grid-area:footer;place-self:center stretch;text-align:center;width:auto;& ul{display:flex;justify-content:center;& li{list-style:none;padding:1rem;& a{text-decoration:none}}}}header[role=banner]{background-color:var(--background-alt);border-bottom:var(--border-style);grid-area:header;height:80px;position:sticky;top:0;z-index:5;&>*{margin:0;padding:0}& ul{display:flex;padding-left:24px;& li{list-style:none;margin-right:1rem;& a{border:1px solid var(--background-alt);display:block;padding:1rem;text-decoration:none;&.active{background-color:var(--background-alt)}&.active,&:hover{border:1px solid var(--border)}}}}}header[role=banner]+H1{font-size:2em;text-align:center}@media screen and (width <= 640px){header[role=banner]+H1{font-size:4em;text-align:center}}:root{--background-body:#1a1e25;--background:#1f232b;--background-alt:#252932;--selection:#6b8fa3;--text-main:#d4d9e0;--text-bright:#f0f4f8;--text-muted:#9ca6b2;--links:#7eb3d3;--focus:#8ba8bfab;--border:#4a5568;--code:#d9b38c;--button-base:#1a1e25;--button-hover:#14171d;--form-text:#f0f4f8;--variable:#c97ec4;--highlight:#d4b86a;--border-radius:0.25rem;--border-style:solid 1px var(--border)}::selection{background-color:var(--selection);color:var(--text-bright)}html{height:100%}body{background-color:var(--background-alt);color:var(--text-main);display:grid;grid-template-areas:"h1 header header" "sidebar main main" "footer footer footer";grid-template-columns:[h1] 250px [sidebar] 250px [main] 1fr;grid-template-rows:[header] auto [main] 1fr [footer] auto;margin:0;max-width:100%;min-height:100%;padding:0;@media screen and (width <= 640px){&{grid-template-areas:"header" "h1" "sidebar" "main" "footer";grid-template-columns:1fr;grid-template-rows:[header] auto [main] auto [sidebar] auto [footer] auto}&>h1:first-child{font-size:3rem;text-align:center}}}a{color:var(--links);text-decoration:underline;&:visited{color:var(--variable)}}p{line-height:1.75rem}#top-anchor>h1:first-child{grid-area:h1;text-shadow:0 2px 3px rgba(0,0,0,.5)}section[role=complementary]{background-color:var(--background-alt);grid-area:sidebar;padding:1rem;text-align:center;&>*{margin:0;padding:.5rem}& #photos-wam{background-image:url(/build/images/wam.81aa2ac0.jpg);background-repeat:no-repeat;background-size:200px;clip-path:circle(100px at center);display:block;min-height:200px;min-width:200px;@media screen and (width <= 640px){&{background-position-y:-512px;background-size:auto;clip-path:circle(220px at center);min-height:512px;min-width:512px}}}}.display-mobile{display:none;@media screen and (width <= 640px){display:block}}.display-desktop{display:block;@media screen and (width <= 640px){display:none}}@keyframes transform-mask{0%{background-position-y:0}to{background-position-y:-200px}}section[role=main]{background-color:var(--background-alt);grid-area:main;padding:1rem;&>*{margin:0;padding:.5rem}@media screen and (width <= 640px){&>h1:first-child{font-size:1.5rem}}}ul[aria-label=pagination]{display:flex;justify-content:center;list-style:none;padding:8px}ul[aria-label=pagination] li{background-color:var(--background-alt);border:1px solid var(--border);border-radius:5px;display:block;margin:0 4px;min-width:30px;padding:8px 12px;text-align:center;text-decoration:none}ul[aria-label=pagination] li:hover:not([aria-current=true]),ul[aria-label=pagination] li[aria-current=true]{background-color:var(--background-alt);border-color:var(--focus)}@media (max-width:1100px){ul[aria-label=pagination] li.hidden-mobile{display:none}}section[role=main] .smaller{font-size:smaller;padding-top:0}section[role=main]{& .projets{margin-left:2rem}}