@charset "UTF-8";/*!
Theme Name: mz-2024
Theme URI: https://www.mzilverberg.nl
Author: Maarten Zilverberg
Author URI: https://www.mzilverberg.nl
Description: A WordPress theme designed specifically for my personal portfolio. It has a clean, minimalistic, typography heavy look and feel, and support for dark mode.
Version: 3.0.2
License: -
License URI: -
Tags: typography, minimalistic, clean, dark mode
Text Domain: mzilverberg.nl
*/
:root{--mz-global-color-neutral-900:#172136;--mz-global-color-neutral-750:#3e5074;--mz-global-color-neutral-600:#63769c;--mz-global-color-neutral-450:#90a0c0;--mz-global-color-neutral-300:#c9d3e8;--mz-global-color-neutral-50:#fff;--mz-global-color-brand-primary:#a36cfe;--mz-global-color-brand-primary-tint:#b080fe;--mz-global-color-brand-primary-shade:#8d49fe;--mz-global-color-brand-secondary:#fea16c;--mz-global-color-brand-secondary-tint:#fead80;--mz-global-color-brand-secondary-shade:#fe8843;--mz-global-color-brand-tertiary:#7dcf9e;--mz-global-color-brand-tertiary-tint:#8ed5aa;--mz-global-color-brand-tertiary-shade:#54c07f;--mz-container-max-width:70rem;--mz-container-padding:1.5rem;--mz-grid-gutter:1rem;--mz-flex-gap:3rem;--mz-header-width:100%;--mz-header-flex-direction:column;--mz-header-flex-gap:1rem;--mz-header-padding:.75rem 1rem;--mz-header-nav-padding:2rem 0 0;--mz-nav-toggle-padding:.25rem;--mz-nav-toggle-icon-size:2rem;--mz-logo-size:3.5rem;--mz-logo-accent-offset-bottom:-.75rem;--mz-hero-padding:1.5rem;--mz-hero-row-gap:2rem;--mz-hero-title-column:span 12;--mz-hero-body-column:2/span 8;--mz-hero-image-column:4/-1;--mz-hero-image-margin:0 calc(var(--mz-container-padding)*-1)0 0;--mz-section-title-column:span 12;--mz-section-body-column:2/span 11;--mz-article-row-gap:2rem;--mz-article-column:span 12;--mz-article-body-column:var(--mz-article-column);--mz-article-gallery-column:var(--mz-article-column);--mz-image-grid-span:span 12;--mz-figure-padding:.5rem .5rem 2rem;--mz-figcaption-margin:1rem 0;--mz-figcaption-padding:0 .5rem;--mz-button-flex-grow:1;--mz-button-min-width:100%;--mz-button-gap:.5rem;--mz-button-padding:.75rem 1.5rem 1rem;--mz-button-radius:.25rem;--mz-button-icon-padding:.25rem 0 0;--mz-button-icon-offset-hover:.25rem;--mz-category-padding:1rem 0 0;--mz-category-article-gap:.5rem;--mz-category-link-accent-offset-left:3.5rem 0 0 -1.5rem;--mz-footer-flex-gap:1rem;--mz-footer-padding:2rem;--mz-footer-icon-inset:.5rem 0 0;--mz-root-size:1rem;--mz-font-family-heading:Obviously;--mz-font-weight-heading:500;--mz-line-height-heading:1.2;--mz-font-size-h1-display:3.0625rem;--mz-font-size-h1:2.4375rem;--mz-font-size-h2:1.9375rem;--mz-font-size-h3:1.5625rem;--mz-font-family-body:Obviously;--mz-font-weight-body:400;--mz-line-height-body:1.8;--mz-font-size-body-display:1.25rem;--mz-font-size-body-lg:1.25rem;--mz-font-size-body-md:var(--mz-root-size);--mz-font-size-body-sm:.8125rem;--mz-list-gap:.75rem;--mz-list-before-size:1.5rem;--mz-list-before-padding:.75rem;--mz-list-symbol:"■";--mz-color-background-default:var(--mz-global-color-neutral-50);--mz-color-background-contrast:var(--mz-global-color-neutral-900);--mz-color-foreground-default:var(--mz-global-color-neutral-900);--mz-color-foreground-subtle:var(--mz-global-color-neutral-600);--mz-color-foreground-on-contrast:var(--mz-global-color-neutral-450);--mz-focus-outline-color:var(--mz-global-color-brand-primary);--mz-focus-outline-width:.125rem;--mz-focus-outline-offset:.125rem;--mz-link-color:var(--mz-global-color-brand-primary-shade);--mz-link-accent-color:var(--mz-global-color-brand-tertiary);--mz-link-accent-size:.5rem;--mz-link-accent-radius:.125rem;--mz-link-accent-offset-left:.75rem auto auto -1.5rem;--mz-link-accent-offset-bottom:auto auto -1.25rem calc(50% - var(--mz-link-accent-size)*.5);--mz-button-color:var(--mz-global-color-brand-tertiary-tint);--mz-button-color-hover:var(--mz-global-color-brand-tertiary);--mz-button-text-color:var(--mz-global-color-neutral-900);--mz-list-symbol-color:var(--mz-global-color-brand-primary);--mz-footer-icon-color:var(--mz-global-color-brand-primary-shade);--mz-anim-duration:.1s;--mz-anim-easing:cubic-bezier(.25,.46,.45,.94)}@media (width>=46.5rem){:root{--mz-container-padding:3rem;--mz-grid-gutter:1.5rem;--mz-flex-gap:3.5rem;--mz-header-width:auto;--mz-header-flex-direction:row;--mz-header-flex-gap:3.5rem;--mz-header-padding:1.5rem 3.5rem 1.5rem 2rem;--mz-header-nav-padding:0;--mz-hero-padding:2rem;--mz-hero-row-gap:3rem;--mz-hero-title-column:1/span 10;--mz-hero-body-column:2/span 7;--mz-hero-image-column:7/-2;--mz-hero-image-margin:0;--mz-section-title-column:2/span 11;--mz-section-body-column:3/span 9;--mz-article-row-gap:3.5rem;--mz-image-grid-span:var(--mz-section-body-column);--mz-button-flex-grow:0;--mz-button-min-width:auto;--mz-font-size-h1-display:3.8125rem;--mz-font-size-h1:3.0625rem;--mz-font-size-h2:2.4375rem;--mz-font-size-h3:1.9375rem;--mz-font-size-body-display:1.5625rem}}@media (width>=80rem){:root{--mz-container-padding:6rem;--mz-grid-gutter:2rem;--mz-flex-gap:6rem;--mz-hero-padding:3.5rem;--mz-hero-row-gap:3.5rem;--mz-hero-body-column:2/span 8;--mz-hero-image-column:8/-2;--mz-section-title-column:2/span 8;--mz-section-body-column:3/span 7;--mz-font-size-h1-display:4.75rem}}@media (prefers-color-scheme:dark){:root{--mz-color-background-default:var(--mz-global-color-neutral-900);--mz-color-background-contrast:var(--mz-global-color-neutral-750);--mz-color-foreground-default:var(--mz-global-color-neutral-50);--mz-color-foreground-subtle:var(--mz-global-color-neutral-450);--mz-color-foreground-on-contrast:var(--mz-global-color-neutral-300);--mz-focus-outline-color:var(--mz-global-color-brand-primary-tint);--mz-link-color:var(--mz-global-color-brand-primary-tint);--mz-link-accent-color:var(--mz-global-color-brand-tertiary-tint);--mz-list-symbol-color:var(--mz-global-color-brand-primary-tint);--mz-footer-icon-color:var(--mz-global-color-brand-primary-tint)}}:focus-visible:not(:hover),:focus-visible:not(:active){outline-width:var(--mz-focus-outline-width);outline-offset:var(--mz-focus-outline-offset);outline-color:var(--mz-focus-outline-color);border-radius:.25rem;outline-style:solid}body{font-family:var(--mz-font-family-body);font-weight:var(--mz-font-weight-body);font-size:var(--mz-font-size-body-md);line-height:var(--mz-line-height-body);font-feature-settings:"salt";background:var(--mz-color-background-default);color:var(--mz-color-foreground-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,.mz-h1,h2,.mz-h2,h3,.mz-h3{font-weight:var(--mz-font-weight-heading);line-height:var(--mz-line-height-heading);margin:0}h1,.mz-h1{font-size:var(--mz-font-size-h1)}.mz-h1--display:is(h1,.mz-h1){font-size:var(--mz-font-size-h1-display)}h2,.mz-h2{font-size:var(--mz-font-size-h2)}h3,.mz-h3{font-size:var(--mz-font-size-h3)}p,.mz-paragraph{margin:0}.mz-paragraph--display:is(p,.mz-paragraph){font-size:var(--mz-font-size-body-display)}.mz-paragraph--lg:is(p,.mz-paragraph){font-size:var(--mz-font-size-body-lg)}.mz-paragraph--sm:is(p,.mz-paragraph){font-size:var(--mz-font-size-body-sm)}.mz-paragraph--subtle:is(p,.mz-paragraph){color:var(--mz-color-foreground-subtle)}article ol,article ul{gap:var(--mz-list-gap);flex-direction:column;margin-block:0;padding-inline:0;display:flex}article li{counter-increment:list-item 1;list-style:none;display:table}article li:before{width:var(--mz-list-before-size);box-sizing:border-box;content:counter(list-item)".";padding-inline-end:var(--mz-list-before-padding);display:table-cell}article ul li:before{color:var(--mz-list-symbol-color);content:var(--mz-list-symbol)}a{color:var(--mz-link-color)}a:not(.mz-link,.wp-element-button):focus-visible{color:var(--mz-color-foreground-default);text-decoration:none}a.mz-link{color:var(--mz-color-foreground-default);text-decoration:none;position:relative}a.mz-link:before{content:"";block-size:var(--mz-link-accent-size);inline-size:var(--mz-link-accent-size);border-radius:var(--mz-link-accent-radius);background:var(--mz-link-accent-color);visibility:hidden;inset:var(--mz-link-accent-offset-bottom);transition:all var(--mz-anim-duration);transition-timing-function:var(--mz-anim-easing);display:block;position:absolute}a.mz-link:hover:before{visibility:visible;transform:translateY(-.5rem)}.wp-block-button{flex-grow:var(--mz-button-flex-grow)}.wp-block-button__link{gap:var(--mz-button-gap);width:var(--mz-button-min-width);padding:var(--mz-button-padding);background:var(--mz-button-color);color:var(--mz-button-text-color);border-radius:var(--mz-button-radius);font-size:var(--mz-font-size-body-md);display:inline-flex}.wp-block-button__link .mz-button-icon{padding:var(--mz-button-icon-padding);transition-timing-function:var(--mz-anim-easing);transition-duration:var(--mz-anim-duration)}.wp-block-button__link:hover{background:var(--mz-button-color-hover)}.wp-block-button__link:hover .mz-button-icon{transform:translateX(var(--mz-button-icon-offset-hover))}.mz-container{gap:var(--mz-flex-gap);max-width:var(--mz-container-max-width);padding:0 var(--mz-container-padding);margin:0 auto var(--mz-flex-gap);flex-direction:column;display:flex}.mz-grid,.mz-section,.mz-hero,.mz-hero .wp-block-group__inner-container,.mz-article-body,body .wp-block-group{gap:var(--mz-grid-gutter);grid-template-columns:repeat(12,1fr);display:grid}.mz-column{gap:var(--mz-flex-gap);flex-direction:column;grid-column-end:span 12;display:flex}.mz-column.mz-column--start-1,.mz-column.mz-column--start-mobile-1{grid-column-start:1}.mz-column.mz-column--start-2,.mz-column.mz-column--start-mobile-2{grid-column-start:2}.mz-column.mz-column--start-3,.mz-column.mz-column--start-mobile-3{grid-column-start:3}.mz-column.mz-column--start-4,.mz-column.mz-column--start-mobile-4{grid-column-start:4}.mz-column.mz-column--start-5,.mz-column.mz-column--start-mobile-5{grid-column-start:5}.mz-column.mz-column--start-6,.mz-column.mz-column--start-mobile-6{grid-column-start:6}.mz-column.mz-column--start-7,.mz-column.mz-column--start-mobile-7{grid-column-start:7}.mz-column.mz-column--start-8,.mz-column.mz-column--start-mobile-8{grid-column-start:8}.mz-column.mz-column--start-9,.mz-column.mz-column--start-mobile-9{grid-column-start:9}.mz-column.mz-column--start-10,.mz-column.mz-column--start-mobile-10{grid-column-start:10}.mz-column.mz-column--start-11,.mz-column.mz-column--start-mobile-11{grid-column-start:11}.mz-column.mz-column--start-12,.mz-column.mz-column--start-mobile-12{grid-column-start:12}.mz-column.mz-column--span-1,.mz-column.mz-column--span-mobile-1{grid-column-end:span 1}.mz-column.mz-column--span-2,.mz-column.mz-column--span-mobile-2{grid-column-end:span 2}.mz-column.mz-column--span-3,.mz-column.mz-column--span-mobile-3{grid-column-end:span 3}.mz-column.mz-column--span-4,.mz-column.mz-column--span-mobile-4{grid-column-end:span 4}.mz-column.mz-column--span-5,.mz-column.mz-column--span-mobile-5{grid-column-end:span 5}.mz-column.mz-column--span-6,.mz-column.mz-column--span-mobile-6{grid-column-end:span 6}.mz-column.mz-column--span-7,.mz-column.mz-column--span-mobile-7{grid-column-end:span 7}.mz-column.mz-column--span-8,.mz-column.mz-column--span-mobile-8{grid-column-end:span 8}.mz-column.mz-column--span-9,.mz-column.mz-column--span-mobile-9{grid-column-end:span 9}.mz-column.mz-column--span-10,.mz-column.mz-column--span-mobile-10{grid-column-end:span 10}.mz-column.mz-column--span-11,.mz-column.mz-column--span-mobile-11{grid-column-end:span 11}.mz-column.mz-column--span-12,.mz-column.mz-column--span-mobile-12{grid-column-end:span 12}@media (width>=46.5rem){.mz-column.mz-column--start-tablet-1{grid-column-start:1}.mz-column.mz-column--start-tablet-2{grid-column-start:2}.mz-column.mz-column--start-tablet-3{grid-column-start:3}.mz-column.mz-column--start-tablet-4{grid-column-start:4}.mz-column.mz-column--start-tablet-5{grid-column-start:5}.mz-column.mz-column--start-tablet-6{grid-column-start:6}.mz-column.mz-column--start-tablet-7{grid-column-start:7}.mz-column.mz-column--start-tablet-8{grid-column-start:8}.mz-column.mz-column--start-tablet-9{grid-column-start:9}.mz-column.mz-column--start-tablet-10{grid-column-start:10}.mz-column.mz-column--start-tablet-11{grid-column-start:11}.mz-column.mz-column--start-tablet-12{grid-column-start:12}.mz-column.mz-column--span-tablet-1{grid-column-end:span 1}.mz-column.mz-column--span-tablet-2{grid-column-end:span 2}.mz-column.mz-column--span-tablet-3{grid-column-end:span 3}.mz-column.mz-column--span-tablet-4{grid-column-end:span 4}.mz-column.mz-column--span-tablet-5{grid-column-end:span 5}.mz-column.mz-column--span-tablet-6{grid-column-end:span 6}.mz-column.mz-column--span-tablet-7{grid-column-end:span 7}.mz-column.mz-column--span-tablet-8{grid-column-end:span 8}.mz-column.mz-column--span-tablet-9{grid-column-end:span 9}.mz-column.mz-column--span-tablet-10{grid-column-end:span 10}.mz-column.mz-column--span-tablet-11{grid-column-end:span 11}.mz-column.mz-column--span-tablet-12{grid-column-end:span 12}}@media (width>=80rem){.mz-column.mz-column--start-desktop-1{grid-column-start:1}.mz-column.mz-column--start-desktop-2{grid-column-start:2}.mz-column.mz-column--start-desktop-3{grid-column-start:3}.mz-column.mz-column--start-desktop-4{grid-column-start:4}.mz-column.mz-column--start-desktop-5{grid-column-start:5}.mz-column.mz-column--start-desktop-6{grid-column-start:6}.mz-column.mz-column--start-desktop-7{grid-column-start:7}.mz-column.mz-column--start-desktop-8{grid-column-start:8}.mz-column.mz-column--start-desktop-9{grid-column-start:9}.mz-column.mz-column--start-desktop-10{grid-column-start:10}.mz-column.mz-column--start-desktop-11{grid-column-start:11}.mz-column.mz-column--start-desktop-12{grid-column-start:12}.mz-column.mz-column--span-desktop-1{grid-column-end:span 1}.mz-column.mz-column--span-desktop-2{grid-column-end:span 2}.mz-column.mz-column--span-desktop-3{grid-column-end:span 3}.mz-column.mz-column--span-desktop-4{grid-column-end:span 4}.mz-column.mz-column--span-desktop-5{grid-column-end:span 5}.mz-column.mz-column--span-desktop-6{grid-column-end:span 6}.mz-column.mz-column--span-desktop-7{grid-column-end:span 7}.mz-column.mz-column--span-desktop-8{grid-column-end:span 8}.mz-column.mz-column--span-desktop-9{grid-column-end:span 9}.mz-column.mz-column--span-desktop-10{grid-column-end:span 10}.mz-column.mz-column--span-desktop-11{grid-column-end:span 11}.mz-column.mz-column--span-desktop-12{grid-column-end:span 12}}.mz-grid .wp-block-group__inner-container{column-gap:var(--mz-grid-gutter);row-gap:var(--mz-hero-row-gap);grid-column:span 12;grid-template-rows:repeat(2,minmax(min-content,max-content))}.mz-grid .wp-block-group__inner-container h1{grid-column:var(--mz-hero-title-column);margin:0}.mz-grid .wp-block-group__inner-container p{grid-column:var(--mz-hero-body-column);background:var(--mz-color-background-default);z-index:1;height:fit-content;grid-row:2;margin:0;padding-block-end:var(--mz-hero-padding);padding-inline-end:var(--mz-hero-padding)}.mz-grid .wp-block-group__inner-container .wp-block-image{grid-column:var(--mz-hero-image-column);margin:var(--mz-hero-image-margin);grid-row:2}.mz-section :not(.mz-image-grid,.wp-block-group__inner-container),.wp-block-group :not(.mz-image-grid,.wp-block-group__inner-container){grid-column:var(--mz-section-body-column)}.mz-section h1,.wp-block-group h1,.mz-section .mz-h1,.wp-block-group .mz-h1,.mz-section h2,.wp-block-group h2,.mz-section .mz-h2,.wp-block-group .mz-h2,.mz-section h3,.wp-block-group h3,.mz-section .mz-h3,.wp-block-group .mz-h3,.mz-section .wp-block-heading,.wp-block-group .wp-block-heading{grid-column:var(--mz-section-title-column)}.mz-category{row-gap:var(--mz-article-row-gap);padding:var(--mz-category-padding)}.mz-category,.mz-category article{flex-direction:column;display:flex}.mz-category article{row-gap:var(--mz-category-article-gap)}.mz-category .mz-link:before{inset:var(--mz-category-link-accent-offset-left)}.mz-category .mz-link:hover:before{transform:translate(.5rem)}.mz-article{grid-column:var(--mz-article-column)}.mz-article .mz-article-body{grid-column:var(--mz-article-column);row-gap:var(--mz-article-row-gap)}.mz-article .mz-article-body>:not(.mz-image-grid){grid-column:var(--mz-section-body-column)}.mz-article .mz-article-body>.wp-block-gallery{grid-column:var(--mz-article-gallery-column)}.mz-article .mz-article-body .wp-block-group{flex-direction:column;display:flex}.mz-article .mz-article-body>p:first-of-type{font-size:var(--mz-font-size-body-lg)}.mz-image-grid{grid-column:var(--mz-image-grid-span)}.mz-image-grid .wp-block-image{background:var(--mz-color-background-contrast);color:var(--mz-color-foreground-on-contrast);padding:var(--mz-figure-padding);text-align:center;margin:0}.mz-image-grid .wp-block-image figcaption{margin-block:var(--mz-figcaption-margin);padding:var(--mz-figcaption-padding);font-size:var(--mz-font-size-body-sm);text-align:left}.mz-image-grid--default{--mz-image-grid-span:2/span 11}@media (width>=46.5rem){.mz-image-grid--default{--mz-image-grid-span:var(--mz-section-body-column)}.mz-image-grid--2col-alt,.mz-image-grid--grid,.mz-image-grid--grid-alt{--mz-image-grid-span:span 12}}.mz-header{padding:var(--mz-header-padding);flex-flow:wrap;justify-content:space-between;align-items:center;margin-block-end:var(--mz-flex-gap);display:flex}a.mz-logo{color:var(--mz-color-foreground-default);block-size:var(--mz-logo-size);text-decoration:none;display:block}a.mz-logo:before{inset-block-end:var(--mz-logo-accent-offset-bottom)}a.mz-logo svg{block-size:var(--mz-logo-size);inline-size:var(--mz-logo-size)}.mz-header-nav{width:var(--mz-header-width);padding:var(--mz-header-nav-padding);display:none}.mz-header-nav.mz-visible{display:block}.mz-header-nav ul,.mz-footer-nav ul{flex-direction:var(--mz-header-flex-direction);gap:var(--mz-header-flex-gap);margin:0;padding:0;list-style:none;display:flex}.mz-header-nav li{text-align:center}.mz-nav-toggle{appearance:none;block-size:calc(var(--mz-nav-toggle-icon-size) + var(--mz-nav-toggle-padding)*2);padding:var(--mz-nav-toggle-padding);background:0 0;border:0;display:block}.mz-nav-toggle svg{block-size:var(--mz-nav-toggle-icon-size);inline-size:var(--mz-nav-toggle-icon-size)}.mz-nav-toggle svg path.mz-icon--close,.mz-nav-toggle[aria-expanded=true] path.mz-icon--hamburger{display:none}.mz-nav-toggle[aria-expanded=true] path.mz-icon--close{display:block}@media (width>=46.5rem){.mz-header-nav{display:block}.mz-nav-toggle{display:none}}.mz-footer-nav ul{gap:var(--mz-footer-flex-gap);flex-direction:column}.mz-footer-nav ul li,.mz-footer-nav ul a{column-gap:var(--mz-footer-flex-gap);padding-left:var(--mz-footer-padding);flex-flow:wrap;display:flex}.mz-footer-nav ul a{width:fit-content;margin-inline-start:calc(var(--mz-footer-padding)*-1)}.mz-footer-nav ul a svg{inset:var(--mz-footer-icon-inset);color:var(--mz-footer-icon-color);position:absolute}.mz-footer-nav ul a:before{inset:var(--mz-link-accent-offset-left)}.mz-footer-nav ul a:hover:before{transform:translate(.5rem)}
/*# sourceMappingURL=style.css.map */