@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: 4.1.3
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-padding:1.5rem;--mz-container-max-width:80rem;--mz-main-areas:"a b c d e f";--mz-main-columns:repeat(2,1fr)repeat(2,4fr)repeat(2,1fr);--mz-column-span-full:a/f;--mz-column-span-wide:a/f;--mz-column-span-default:b/f;--mz-column-start-outdent:a;--mz-main-gap-sm:.5rem;--mz-main-gap-md:1rem;--mz-main-gap-lg:1.75rem;--mz-main-gap-xl:3rem;--mz-header-width:100%;--mz-header-gap:1rem;--mz-header-padding:.75rem 1rem;--mz-header-nav-padding:2rem 0 0;--mz-header-nav-direction:column;--mz-hero-intro-span:b/d;--mz-hero-intro-padding:0 var(--mz-main-gap-lg)var(--mz-main-gap-lg)0;--mz-hero-image-span:c/f;--mz-hero-image-margin:0 calc(var(--mz-container-padding)*-1)0 0;--mz-nav-toggle-padding:.25rem;--mz-nav-toggle-icon-size:2rem;--mz-logo-size:3.5rem;--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;--mz-button-radius:.25rem;--mz-button-icon-padding:.125rem 0 0;--mz-button-icon-offset-hover:.25rem;--mz-link-gap:.5rem;--mz-link-accent-size:.5rem;--mz-link-accent-radius:.125rem;--mz-link-accent-inset-horizontal:50% auto auto -1.5rem;--mz-link-accent-inset-vertical:auto 50% -1.5rem;--mz-footer-gap:1rem;--mz-footer-padding:2rem;--mz-footer-icon-inset:.5rem 0 0;--mz-root-size:1rem;--mz-font-family-heading:"Anek Latin",sans-serif;--mz-font-weight-heading:550;--mz-line-height-heading:1.15;--mz-letter-spacing-heading:0;--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-family-body:"Anek Latin",sans-serif;--mz-font-weight-body:375;--mz-line-height-body:1.6;--mz-letter-spacing-body:.0333rem;--mz-font-weight-body-strong:600;--mz-font-size-body-display:1.5625rem;--mz-font-size-body-lg:1.5625rem;--mz-font-size-body-md:1.25rem;--mz-font-size-body-sm:var(--mz-root-size);--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-color-foreground-default);--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-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-main-gap-sm:.75rem;--mz-main-gap-md:1.5rem;--mz-main-gap-lg:2.625rem;--mz-main-gap-xl:4.5rem;--mz-column-span-wide:b/e;--mz-column-span-default:c/e;--mz-column-start-outdent:b;--mz-header-width:auto;--mz-header-gap:3.5rem;--mz-header-padding:1.5rem 3.5rem 1.5rem 2rem;--mz-header-nav-padding:0;--mz-header-nav-direction:row;--mz-hero-intro-span:b/d;--mz-hero-image-span:d/f;--mz-button-flex-grow:0;--mz-button-min-width:auto;--mz-font-size-h1-display:4.75rem;--mz-font-size-h1:3.8125rem;--mz-font-size-h2:3.0625rem;--mz-font-size-h3:2.4375rem;--mz-font-size-body-display:1.9375rem}}@media (width>=64rem){:root{--mz-container-padding:6rem;--mz-main-columns:repeat(2,1fr)4fr repeat(2,2fr)1fr;--mz-main-gap-sm:1rem;--mz-main-gap-md:2rem;--mz-main-gap-lg:3.5rem;--mz-main-gap-xl:6rem;--mz-hero-image-span:d/e;--mz-hero-image-margin:0;--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-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)}}*,:before,:after{box-sizing:border-box}: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{row-gap:var(--mz-main-gap-xl);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);letter-spacing:var(--mz-letter-spacing-body);text-wrap:balance;margin:0 0 var(--mz-main-gap-xl);background:var(--mz-color-background-default);color:var(--mz-color-foreground-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}h1,.mz-h1,h2,.mz-h2,h3,.mz-h3{font-weight:var(--mz-font-weight-heading);line-height:var(--mz-line-height-heading);letter-spacing:var(--mz-letter-spacing-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)}strong{font-weight:var(--mz-font-weight-body-strong)}img{max-inline-size:100%;height:auto}article ol,article ul{gap:var(--mz-list-gap);text-wrap:auto;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 article{row-gap:var(--mz-link-gap);flex-direction:column;display:flex}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-inset-horizontal);transform:translate(0,calc(var(--mz-link-accent-size)*-.25));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:translate(calc(var(--mz-link-accent-size)*.5),calc(var(--mz-link-accent-size)*-.25))}.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{inline-size:100%;max-inline-size:var(--mz-container-max-width);padding:0 var(--mz-container-padding);flex-direction:column;margin:0 auto;display:flex}.mz-layout{grid-template-areas:var(--mz-main-areas);grid-template-columns:var(--mz-main-columns);row-gap:var(--mz-main-gap-xl);display:grid}.mz-layout>.wp-block-heading{grid-column:var(--mz-column-span-wide)}article.mz-layout{row-gap:var(--mz-main-gap-md)}article.mz-layout>p:first-of-type{font-size:var(--mz-font-size-body-lg)}article.mz-layout *{grid-column:var(--mz-column-span-default)}article.mz-layout .wp-block-group{grid-column-start:var(--mz-column-start-outdent)}article.mz-layout .mz-image-grid{grid-column:var(--mz-column-span-full)}.wp-block-group,.mz-layout .is-layout-flex{grid-template-columns:subgrid;grid-column:var(--mz-column-span-wide);row-gap:var(--mz-main-gap-md);display:grid}:is(.wp-block-group,.mz-layout .is-layout-flex) *{grid-column:var(--mz-column-span-default)}:is(.wp-block-group,.mz-layout .is-layout-flex) h2{grid-column-start:var(--mz-column-start-outdent)}:is(.wp-block-group,.mz-layout .is-layout-flex) .wp-block-button{width:fit-content}.mz-flex-list{gap:var(--mz-main-gap-lg);flex-direction:column;display:flex}.mz-header{padding:var(--mz-header-padding);flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.mz-header a.mz-link:before{inset:var(--mz-link-accent-inset-vertical);transform:translate(calc(var(--mz-link-accent-size)*-.25),0)}.mz-header a.mz-link:hover:before{transform:translate(calc(var(--mz-link-accent-size)*-.25),calc(var(--mz-link-accent-size)*-1))}a.mz-logo{color:var(--mz-color-foreground-default);block-size:var(--mz-logo-size);text-decoration:none;display:block}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-nav-direction);gap:var(--mz-header-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);color:var(--mz-color-foreground-default)}.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-hero{grid-column:var(--mz-column-span-full)}.mz-hero .wp-block-group__inner-container{grid-template-columns:subgrid;grid-column:var(--mz-column-span-full);row-gap:var(--mz-main-gap-lg);display:grid}.mz-hero .wp-block-group__inner-container h1{grid-column:var(--mz-column-span-full)}.mz-hero .wp-block-group__inner-container p,.mz-hero .wp-block-group__inner-container figure{grid-row:2}.mz-hero .wp-block-group__inner-container p{z-index:1;padding:var(--mz-hero-intro-padding);grid-column:var(--mz-hero-intro-span);background:var(--mz-color-background-default);height:fit-content}.mz-hero .wp-block-group__inner-container figure{grid-column:var(--mz-hero-image-span);margin:var(--mz-hero-image-margin)}.mz-hero .wp-block-group__inner-container figure img{inline-size:100%;height:auto}.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}@media (width>=46.5rem){article.mz-layout .mz-image-grid--default,article.mz-layout .mz-image-grid--2col{grid-column:var(--mz-column-span-default)}}.mz-footer-nav ul{gap:var(--mz-footer-gap);flex-direction:column}.mz-footer-nav ul li,.mz-footer-nav ul a{padding-left:var(--mz-footer-padding);flex-flow:wrap;display:flex}.mz-footer-nav ul a{white-space:nowrap;text-overflow:ellipsis;width:fit-content;margin-inline-start:calc(var(--mz-footer-padding)*-1);display:inline-block;overflow:hidden}.mz-footer-nav ul a svg{inset:var(--mz-footer-icon-inset);color:var(--mz-footer-icon-color);position:absolute}
/*# sourceMappingURL=style.css.map */