body { font-family: arial, lucida, tahoma, helvetica, verdana; max-width: 600pt; margin-right: auto; margin-left: auto; overflow-y: scroll; /* Always show the scrollbar so there is no jump when going to oeuvre */ overflow-x: hidden; padding: 7pt; hyphens: auto; }

header { position: relative; margin: 18.75pt 0; text-align: left; hyphens: none; }

header #title { width: 100%; display: block; color: black; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: justify; }

header #title #title_full { width: 101%; margin-left: -0.5%; }

@media (max-width: 500pt) { header #title #title_full { visibility: hidden; height: 0; } }

header #title #title_full #title_full_mjb { font-size: 4.035em; display: block; white-space: nowrap; }

header #title #title_parts { width: 102.5%; margin-left: -1.5%; }

@media (min-width: 500pt) { header #title #title_parts { visibility: hidden; height: 0; } }

header #title #title_parts #title_part_mj, header #title #title_parts #title_part_b { display: block; white-space: nowrap; }

header #title #title_parts #title_part_mj { font-size: 16.05vw; }

header #title #title_parts #title_part_b { font-size: 16.75vw; }

a:link, a:visited { color: #587fff; }

a:hover, a:active { color: red; }

.nav { font-size: 0.8125em; font-weight: bold; display: flex; flex-direction: row; gap: 12pt; align-items: stretch; text-align: center; }

.nav a { color: #777; text-decoration: none; border-bottom: 2px solid transparent; margin: -15pt 0; padding: 15pt 0; }

.nav a.current div, .nav a:hover div { color: #000; border-bottom: 2px solid #587fff; }

.work_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3pt; }

.work_list .work_item { display: inline-block; position: relative; width: 100%; padding-bottom: 56.25%; }

.work_list .work_item img { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.texts_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3pt; }

@media (max-width: 500pt) { .texts_list { grid-template-columns: 1fr; } }

.texts_list .texts_item { text-align: center; border-style: solid; border-width: 1px; border-color: #587fff; }

.texts_list .texts_item .author { font-size: 150%; margin-top: 18pt; font-weight: bold; }

.texts_list .texts_item .title { font-style: italic; font-size: 1.2em; line-height: 1.5em; min-height: 3em; }

.texts_list .texts_item .publication_date { margin-top: 2pt; }

.texts_list .texts_item .publication { margin-bottom: 8pt; font-size: 1em; line-height: 1.2em; min-height: 2.4em; }

.texts_list .texts_item a { padding-left: 4pt; padding-right: 4pt; }

#shown_media { position: relative; width: 100%; padding-bottom: 56.25%; }

#shown_media > * { object-fit: contain; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.media_list { padding-top: 3pt; }

.media_list .media_item { display: inline-block; }

.media_list .media_item > * { pointer-events: none; display: block; max-width: 100pt; height: 56.25pt; }

.media_list .media_item.image > img { width: 56.25pt; overflow: hidden; object-fit: cover; object-position: center; }

.work_title { font-size: 1.125em; margin: 25px 0 10px; font-weight: normal; }

.content { text-align: justify; font-size: 0.75em; color: #222; line-height: 175%; }

.content .logo { width: 1.2in; }

#english_content { display: unset; }

#dutch_content { display: none; }

.language_buttons { margin-top: 10pt; }

.language_buttons .language_button { display: inline-block; cursor: pointer; border: none; background: transparent; padding: 0; font-size: 0.625em; }

.language_buttons .language_button.current, .language_buttons .language_button:hover { color: #000; border-top: 1px solid #587fff; }

.fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -90; }

.background_media { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -100; pointer-events: none; overflow: hidden; }

.background_media > * { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.7777777778vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/*# sourceMappingURL=style.css.map */