:root{color-scheme:dark;--color-background:#000000;--color-lokaal:#39a148;--color-kapitaal:#ea2129;--color-link:var(--color-lokaal);--color-text:white;--max-width-sticker:567px}body{font-family:Helvetica Neue,Helvetica,Khand,Verdana,sans-serif;margin:0;background:var(--color-background);color:#fff}.home{@media(max-width:840px){.home--map{height:95vh}}@media(min-width:840px){height: 100vh; display: grid; grid-template-rows: auto 5fr; grid-template-columns: minmax(320px,1fr) 4fr; & .banner{grid-row:1;grid-column:1/-1}& .home--info{grid-row:2;grid-column:1;overflow-y:scroll}& .home--map{grid-row:2;grid-column:2}}}.banner{> a{ display: inherit; } display: grid;grid-template-rows:auto;grid-template-columns:1fr;@media(min-width:700px){--max-width-sticker: 350px; grid-template-columns: repeat(auto-fit,minmax(var(--max-width-sticker),1fr));}justify-items:center;grid-auto-rows:0;overflow-y:hidden}.home--info{padding:1rem;& > p:first-child{ margin-top: 0; }}.lokaal{color:var(--color-lokaal);font-weight:700}.kapitaal{color:var(--color-kapitaal);font-weight:700}a{color:var(--color-text);text-decoration:underline var(--color-link)2px;&:focus-visible { outline:var(--color-link) solid 3px; } &:hover{ --color-text-decoration-hover:color-mix(in srgb,var(--color-link),var(--color-background)); text-decoration:solid underline var(--color-text-decoration-hover) 2px; } &:active,&.active { --color-text-active:color-mix(in srgb,var(--color-text),var(--color-background)); color:var(--color-text-active); }}.text-container{--page-x-padding:1rem;@media(min-width:600px){--page-x-padding: 2rem;}--text-max-width:70ch;--text-container-max-width:calc(var(--text-max-width) + var(--page-x-padding) * 2);padding:1rem;@media(min-width:600px){max-width: var(--text-container-max-width); margin-left: auto; margin-right: auto;}> *:last-child{ margin-bottom: 0; }}:root{font-size:clamp(.9rem,2.1vw,1rem)}html{line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1;margin:.5em 0 0}body{overflow-wrap:break-word}pre{white-space:pre-wrap}