2026-04-12 11:08:03 +02:00
|
|
|
|
:root{--font: "Executive", Arial, sans-serif;--title: "System", Arial, sans-serif;--fs-x-small: 10px;--fs-small: 12px;--fs-normal: 16px;--fs-medium: 20px;--fs-big: 30px;--fs-x-big: 38px;--fs-button-bold: 22px;--leading-tight: 1;--leading-normal: 1.2;--fw-normal: 400;--fw-medium: 500;--fw-bold: 600;--color-bg: #161616;--color-txt: #ffffff;--color-accent: #00ff00;--color-accent-50: #e9ffe9;--color-accent-100: #d8fdd8;--grey-100: #d8d8d8;--grey-300: #b9b9b9;--grey-400: #969696;--grey-600: #6d6d6d;--grey-800: #383838;--border: 1px solid var(--color-txt);--border-light: 1px solid var(--grey-800);--header-h: 80px;--header-h-shrinked: 50px;--padding-body: 20px;--radius-small: 4px;--spacing: 30px;--h-block: 30px;--curve: cubic-bezier(0.175, 0.885, 0.32, 1.275)}@media screen and (max-width: 720px){:root{--fs-medium: 20px;--fs-big: 26px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;scroll-behavior:smooth}a{color:currentColor}button{background:none;outline:none;border:none;color:var(--color-txt)}iframe{border:none}body{font-family:var(--font);line-height:var(--leading-normal);font-size:var(--fs-normal);color:var(--color-txt);background-color:var(--color-bg);padding:0px var(--padding-body);width:100vw;overflow-x:hidden}main{padding-top:var(--header-h)}.nav--tabs{height:calc(var(--h-block)*1);width:auto;border:var(--border);border-radius:var(--radius-small);overflow:hidden;display:inline-flex;width:auto;margin:0 auto;margin-bottom:var(--spacing)}.nav--tabs .nav--tabs__btn{font-family:var(--font);font-size:var(--fs-small);font-weight:var(--fw-medium);padding:0 2ch}.nav--tabs .nav--tabs__btn.is-selected{background-color:var(--color-txt);color:var(--color-bg)}.nav--tabs .nav--tabs__btn:not(.is-selected):hover{background-color:var(--grey-800);cursor:pointer}.nav--tabs .nav--tabs__btn+.nav--tabs__btn{border-left:var(--border)}.btn__default{--size: calc(var(--h-block) - 8px);font-size:var(--fs-normal);font-weight:var(--fw-normal);height:var(--size);padding-right:1.5ch;position:relative;display:flex;align-items:center;gap:0ch;color:var(--color-accent);font-weight:var(--fw-medium);text-decoration:none;cursor:pointer}.btn__default .icon,.btn__default .txt{z-index:10}.btn__default .icon{width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;color:var(--color-bg);text-align:center}.btn__default .icon svg{fill:var(--color-bg);width:80%}.btn__default .txt{font-family:var(--font-title);color:var(--color-accent);font-size:var(--fs-normal);font-weight:var(--fw-bold);padding-left:1ch}.btn__default::after{content:"";display:block;background-color:var(--color-accent);border-radius:calc(var(--size)/2);width:var(--size);height:var(--size);position:absolute;left:0;z-index:0;transition:width .2s}.btn__default:hover .txt{color:var(--color-bg);display:block}.btn__default:hover::after{width:100%}#donation-cta-mobile{width:100%;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--spacing)*.5);padding-bottom:calc(var(--spacing)*1.5);position:fixed;bottom:0px;left:0;z-index:100;opacity:0;transition:opacity ease-in .2s;pointer-events:none}#donation-cta-mobile.is-visible{pointer-events:all;opacity:1}#donation-cta-mobile.is-sticky{position:relative}@media screen and (min-width: 720px){#donation-cta-mobile{display:none !important}}.donation-cta{--vertical-padding: 0.5ch;height:calc(var(--h-block) + var(--vertical-padding));border-radius:calc(var(--h-block)/1);padding:var(--vertical-padding) 2ch;background-color:var(--color-accent);color:var(--color-bg);font-family:var(--font);font-size:var(--fs-medium);font-weight:var(--fw-bold)}.donation-cta a{text-decoration:none;display:flex;align-items:center;gap:.5ch}.donation-cta .icon{height:28px;position:relative;top:1px}.donation-cta svg{fill:var(--color-bg);width:24px;height:24px}.newsletter-form{--size: 24px;position:relative;display:flex;align-items:center;position:relative}.newsletter-form input[type=email]{height:calc(var(--h-block)*1.25);width:100%;border-radi
|
