:root {--brown:#b89570;--dark-brown:#7c5f46; --green:#2C5B6B;--marker:#000000;--contrast:#EEEEEE;--text:#000000;--table-header:rgba(255, 255, 255, 0.2);--table-odd:rgba(255, 255, 255, 0.05);--table-even:rgba(255, 255, 255, 0.1);--table-highlight:rgba(255, 255, 255, 0.25);--radius:0.5rem;}::selection {background:var(--dark-brown);color:var(--contrast);}html, body {min-width:490px;color:var(--text);text-align:center;}header {width:100vw;height:30vh;border-bottom:1px solid var(--marker);background:url(../img/hparts/bottom.webp) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;}header img {max-height:25vh;aspect-ratio:937/504;}a, a:visited, a:active, a:link {text-decoration:underline;color:var(--dark-brown);font-weight:bold;}a:hover {text-decoration:none;}p {margin-bottom:1rem;}section.iedereen + a.button {margin-top:0;margin-bottom:2rem;}section {margin:auto;margin-top:4rem;margin-bottom:4rem;min-width:490px;max-width:900px;padding-left:1rem;padding-right:1rem;text-align:left;}section.member {background-color:var(--green);color:#ffffff;padding:1.8rem 1.8rem;border-radius:var(--radius);margin-top:1rem;margin-bottom:1rem;border:4px solid var(--marker);}section.member img, section.profile img.avatar {width:10vw;height:auto;display:block;border:4px solid var(--marker);}section.profile img.avatar {width:10rem;float:right;}section.member div.body {min-height:10vw;}section.member:nth-child(even) img {float:left;margin-right:2vw;}section.member:nth-child(odd) img {float:right;margin-left:2vw;}section.member a, section.profile a {color:var(--contrast);}section.profile {background-color:transparent;color:var(--text);}section.profile div.body {min-height:14vh;padding-top:6vh;padding-bottom:2vh;}section.social {background-color:var(--green);color:var(--dark-brown);padding:1.8rem 1.8rem;border-radius:var(--radius);margin-top:1rem;margin-bottom:1rem;border:4px solid var(--marker);}section.social .link a,section.social .link a:visited,section.social .link a:active {text-decoration:none;color:var(--contrast);font-weight:normal;}section.social .link a:hover {text-decoration:underline;}.untappd-icon,.youtube-icon,.instagram-icon,.facebook-icon {margin-right:0.5rem;position:relative;top:0.4rem;}nav {width:100vw;background-color:var(--dark-brown);border-bottom:1px solid var(--marker);position:-webkit-sticky;position:sticky;top:-1px;z-index:2;}nav ul {list-style-type:none;padding:0.6rem;overflow:hidden;margin:auto;min-width:490px;max-width:900px;padding-left:1rem;padding-right:1rem;}nav ul li {float:left;margin-right:1.5rem;}nav ul li:last-child {margin-right:0;}nav ul a, nav ul a:visited, nav ul a:active, nav ul a:link{color:var(--contrast);text-decoration:none;font-weight:normal;}nav ul a:hover {color:var(--marker);}nav ul a img {height:1.0rem;aspect-ratio:1/1;margin-right:0.5rem;position:relative;top:0.3rem;float:left;}table {border-collapse:separate;border-spacing:0;border:0;width:100%;border-radius:var(--radius);}table th {background-color:var(--table-header);}table tr:nth-child(odd) {background-color:var(--table-odd);}table tr:nth-child(even) {background-color:var(--table-even);}table td, table th {border-bottom:1px solid var(--marker);padding:0.5rem;text-align:left;vertical-align:top;}table tr:last-child td {border-bottom:0;}table tr:hover {background-color:var(--table-highlight);}table img.large {width:100px;height:auto;}footer a {text-decoration:none !important;}footer a.emoji-link {font-size:1.0rem;margin:0.5rem;}footer {width:100%;background-color:var(--marker);color:var(--contrast);text-align:center;font-size:0.8rem;margin-top:4rem;}footer p {margin-bottom:0;}img[data-x-blurhash] {opacity:0;}img[data-x-blurhash-loaded] {opacity:1;transition:opacity 0.2s ease-in-out;}section.social [data-badge] {display:inline;float:right;margin-top:1rem;}[data-badge] {position:relative;}[data-badge]:after {word-wrap:break-word;word-break:keep-all;min-width:2rem;min-height:1rem;line-height:1rem;padding:0.2rem 0.5rem;color:var(--contrast);background-color:var(--dark-brown);font-size:0.8rem;border-radius:1rem;content:attr(data-badge);border:solid 1px rgb(from var(--dark-brown) h s calc(l + 5%));}a.button,a.button:visited,a.button:active,a.button:link {text-decoration:none;margin-top:2rem;color:var(--contrast);}a.button:hover {background-color:var(--marker);}.button {display:inline-block;padding:0.5rem 1rem;background-color:var(--dark-brown);color:var(--contrast);border-radius:var(--radius);text-decoration:none;}.video-container {display:grid;grid-template-columns:repeat(4, 23%);grid-gap:1rem;padding:0;margin-bottom:4rem;}.videocard:nth-child(1) {grid-column:1 / span 2;}.videocard:nth-child(2) {grid-column:3 / span 2;}.videocard {width:100%;height:auto;transition:transform 0.3s ease;background-color:var(--table-even);padding:0.5rem;border-radius:var(--radius);word-wrap:break-word;overflow-wrap:break-word;}.videocard:hover {transform:translateY(-0.5rem);}.videocard img {width:100%;height:auto;border-radius:var(--radius);}.videocard a {text-decoration:none;border-bottom:none;}.videocard h4 {margin-top:0.5rem;text-align:left;font-size:0.8rem;color:var(--text);}.videocard:nth-child(1) h4,.videocard:nth-child(2) h4 {text-align:center;font-size:1.0rem;}.videocard .aspect-ratio {position:relative;width:100%;padding-top:75%;}.videocard .aspect-ratio img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;}@media (max-width:720px) {nav ul a span {display:none;}nav ul a img {height:1.5rem;aspect-ratio:1/1;margin-right:0.1rem;position:relative;top:0rem;float:left;}.video-container {grid-template-columns:50% 50%;}.videocard:nth-child(1) {grid-column:1;}.videocard:nth-child(2) {grid-column:2;}}