:root{--color-feta: oklch(99.34% 0.0073 132.41);--color-feta-alpha: oklch(99.34% 0.0073 132.41 / 60%);--color-white:oklch(100% 0 0);--color-black: oklch(27.56% 0.0166 280.25);--color-mercury: oklch(92.49% 0 0);--color-pickled-bluewood: oklch(34.72% 0.028 225.91);--color-pickled-bluewood-alpha: oklch(34.72% 0.028 225.91 / 60%);--color-old-rose: oklch(65.63% 0.0877 26.91);--color-old-rose-alpha: oklch(65.63% 0.0877 26.91 / 60%);--color-green-mist: oklch(85.6% 0.0532 118.09);--color-green-mist-alpha: oklch(85.6% 0.0532 118.09 / 60%);--color-cadet-blue: oklch(78.23% 0.0179 267.75);--color-cadet-blue-alpha: oklch(78.23% 0.0179 267.75)}@font-face{font-family:"Figtree";src:url("/public/font/FigtreeVariableFont.woff2") format(woff2);font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"KyivType Sans Regular-";src:url("/public/font/KyivTypeSansRegular-.woff2") format(woff2);font-style:normal;font-weight:normal;font-display:swap}@font-face{font-family:"36 Days";src:url("/public/font/36DaysRegular.woff2") format(woff2);font-style:normal;font-weight:normal;font-display:swap}@font-face{font-family:"Fjalla One";src:url("/public/font/FjallaOneRegular.woff2") format(woff2);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"KyivType Sans Regular- Fallback";src:local(Verdana);size-adjust:87%;ascent-override:99%;descent-override:14%;line-gap-override:normal}@font-face{font-family:"Figtree Fallback";src:local(Tahoma);size-adjust:101%;ascent-override:94%;descent-override:25%;line-gap-override:normal}@font-face{font-family:"Fjalla One Fallback";src:local(Impact);size-adjust:102%;ascent-override:107%;descent-override:25%;line-gap-override:normal}:root{--page-padding: 1.25rem;--content-padding: 1rem;--space-padding: 1rem;--max-page-width: calc(80rem - (var(--content-padding) * 2));--primary-color: var(--color-black);--secondary-color: var(--color-feta);--font-color: var(--secondary-color);--background-color: var(--primary-color);--green-hosting-logo1x: url("/public/image/greenhosting@1x.webp");--green-hosting-logo2x: url("/public/image/greenhosting@2x.webp");--green-hosting-logo3x: url("/public/image/greenhosting@3x.webp");--green-hosting-logo4x: url("/public/image/greenhosting@4x.webp");--netzero-logo1x: url("/public/image/netzero@1x.webp");--netzero-logo2x: url("/public/image/netzero@2x.webp");--netzero-logo3x: url("/public/image/netzero@3x.webp");--netzero-logo4x: url("/public/image/netzero@4x.webp");--green-hosting-logo-white1x: url("/public/image/greenhosting-white@1x.webp");--green-hosting-logo-white2x: url("/public/image/greenhosting-white@2x.webp");--green-hosting-logo-white3x: url("/public/image/greenhosting-white@3x.webp");--green-hosting-logo-white4x: url("/public/image/greenhosting-white@4x.webp");--netzero-logo-white1x: url("/public/image/netzero-white@1x.webp");--netzero-logo-white2x: url("/public/image/netzero-white@2x.webp");--netzero-logo-white3x: url("/public/image/netzero-white@3x.webp");--netzero-logo-white4x: url("/public/image/netzero-white@4x.webp")}@media(width >= 65.5rem){:root{--content-padding: 2.5rem;--space-padding: 2rem}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:var(--primary-font-family);font-size:var(--default-size);line-height:var(--default-line-height);font-weight:350;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;scroll-padding-top:20vh}body{min-height:100vh;-webkit-font-smoothing:antialiased;color:var(--font-color);background-color:var(--background-color)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font-family:inherit;font-size:1rem}h1,h2,h3,h4,h5,h6{margin:0;overflow-wrap:break-word}h1,h2{text-wrap:balance}body,h1,h2,h3,h4,h5,h6,figure,blockquote{margin-block-end:0}p{margin:0;overflow-wrap:break-word;margin-block-end:var(--space-padding)}:root{--base: 8px;--default-size: 16px;--ratio: 1.2;--default-line-height: var(--ratio);--primary-font-family: "Figtree", "Figtree Fallback", serif;--secondary-font-family: "KyivType Sans Regular-", "KyivType Sans Regular- Fallback", sans-serif;--first-letter-font-family: "36 Days", serif;--headlines-font-family: "Fjalla One", "Fjalla One Fallback", serif}.layout-grid{--page: minmax(var(--page-padding), 1fr);--wide: minmax(0, 12rem);--feature: minmax(0, 6rem);--content: min(24rem, (50% + .8rem) - var(--page-padding) * 2);--middle: 1rem;display:grid;grid-template-columns:[page-start] var(--page) [wide-start] var(--wide) [feature-start] var(--feature) [content-start] var(--content) [middle-start] var(--middle) [middle-end] var(--content) [content-end] var(--feature) [feature-end] var(--wide) [wide-end] var(--page) [page-end];row-gap:var(--content-padding)}@media(width >= 65.5rem){.layout-grid{--content: 14rem;--middle: 20rem}}.layout-grid:has(.full){--page: minmax(0, 1fr)}.layout-grid .feature{grid-column:feature}.layout-grid .wide{grid-column:wide}.layout-grid .full{grid-column:page}.layout-grid div:not(.feature,.wide,.full),.layout-grid section:not(.feature,.wide,.full){grid-column:content}@view-transition{navigation:auto}h1{view-transition-name:heading;font-size:2rem;font-weight:800;margin-bottom:2rem;max-width:540px}@media(width >= 50rem){h1{font-size:4rem}}main{margin:1rem 0 1.5rem}@media(width >= 65.5rem){main{margin:1rem 0 5rem}}.content{display:flex;flex-direction:column;margin-top:2rem}@media(width >= 50rem){.content{flex-direction:row;margin-top:4rem}}.content .titles{display:flex;flex-direction:column;width:100%}@media(width >= 50rem){.content .titles{padding-right:var(--content-padding);width:50%}}.content .titles h1{font-family:var(--headlines-font-family)}.content .titles img{margin-bottom:2rem}.content .paragraphs{width:100%;font-size:1.25rem}@media(width >= 50rem){.content .paragraphs{font-size:1.5rem;width:50%}}.content .paragraphs h1{font-family:var(--headlines-font-family)}.content .paragraphs blockquote{margin:0 0 2rem 20px}.content blockquote{quotes:"“" "„" "‘" "‚";font-family:var(--secondary-font-family);font-size:1.375rem;font-weight:350}@media(width >= 50rem){.content blockquote{font-size:1.75rem}}.content blockquote::before{content:open-quote;font-size:50px;line-height:0;margin-left:-20px}@media(width >= 65.5rem){.content blockquote::before{margin-left:-24px}}.content blockquote::after{content:close-quote;font-size:50px;margin-left:4px;line-height:0;margin-right:-20px}@media(width >= 65.5rem){.content blockquote::after{margin-right:-24px}}