:root{--size-gigantic: 128px;--size-verybig: 80pt;--size-quite-big: 48px;--size-bigger: 42px;--size-big: 28px;--size-medium: 24px;--size-small: 14px;--size-normal: 20px;--color-white: #fff;--color-black: #000;--color-almost-black: #333;--color-background: var(--color-white);--color-active: var(--color-black);--style-color-main-text: var(--color-black);--style-color-secundary-text: #757575FF;--style-color-inverted: var(--color-white);--style-color-hr: var(--color-almost-black);--style-font-size-headline: var(--size-verybig);--style-font-size-hero: var(--size-gigantic);--style-font-size-highlight: var(--size-bigger);--style-font-size-text: var(--size-normal);--style-font-size-big: var(--size-big);--style-font-size-medium: var(--size-medium);--style-font-size-bigger: var(--size-bigger);--style-font-size-big-nr: var(--size-quite-big);--style-font-size-small: var(--size-small);--style-font-family-headline: FiraMono;--style-font-family-hero: GeistMono;--style-font-family-highlight: GeistMono;--style-font-family-text: IbmPlexMono;--stlye-font-weight-text: 600}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono-Regular.woff2)}@font-face{font-family:FiraMono;src:url(/fonts/FiraMono-Regular.ttf)}@font-face{font-family:IbmPlexMono;src:url(/fonts/IBMPlexMono-Regular.ttf)}html,body{width:100%;width:100vw;max-width:100%;overflow-x:hidden}body{font-family:Arial,sans-serif;margin:0;padding:0;color:var(--style-color-main-text)}.mainContainer{min-height:100vh}.section{border:1px solid grey;width:100vw;min-height:10rem}