:root{--color-grey-lightest: 175, 175, 175;--color-grey-lighter: 100, 100, 100;--color-grey-light: 40, 40, 40;--color-grey: 27, 27, 27;--color-grey-dimmed: 20, 20, 20;--color-grey-dark: 13, 13, 13;--color-grey-darker: 8, 8, 8;--color-white: 247, 247, 247;--color-border-light: 247, 247, 247, .1;--color-react: 25, 151, 194;--color-react-light: 74, 209, 255;--color-counter: 194, 68, 25;--color-jzp: 56, 204, 174;--color-jzp-dark: 38, 115, 99;--color-roman: 255, 216, 41;--color-html: 255, 87, 34;--color-css: 33, 150, 243;--color-js: 255, 223, 0;--color-node: 59, 135, 57;--color-red: 205, 48, 37;--color-palette-1: 30, 203, 225;--color-palette-2: 27, 99, 84;--color-palette-3: 30, 106, 225;--color-palette-4: 138, 201, 38;--color-palette-5: 255, 146, 76;--color-palette-6: 255, 89, 94;--swiper-theme-color: rgb(var(--color-react));--swiper-pagination-bullet-inactive-color: rgb( var(--color-grey-lightest) )}:root{--fs-xs: .75rem;--fs-s: 1rem;--fs-m: 1.25rem;--fs-l: 1.5rem;--fs-xl: 2rem;--fs-xxl: 3rem;--fs-xxxl: 4.5rem;--fs-xxxxl: 6rem}.fs-s{font-size:var(--fs-s)}.fs-l{font-size:var(--fs-l);line-height:var(--fs-xl)}@media (max-width: 40rem){.fs-l{font-size:var(--fs-m)}}.fs-xl{font-size:var(--fs-xl);line-height:var(--fs-xxl)}body{font-size:var(--fs-m);font-family:Poppins,sans-serif;color:rgb(var(--color-white))}h2{padding-bottom:1rem;margin:3rem 0;text-align:center;font-size:var(--fs-xxl);position:relative;width:100%}@media (max-width: 40rem){h2{font-size:var(--fs-l);margin:4rem 0 2rem;text-align:left}}h2:after{position:absolute;top:100%;content:"";display:block;width:100%;height:2px;background:rgb(var(--color-grey));background:linear-gradient(to right,transparent,rgb(var(--color-grey)),transparent)}h3{padding:1rem 0;font-size:var(--fs-l)}@media (max-width: 40rem){h3{font-size:var(--fs-m);padding:1rem 0 .5rem}}p,span{line-height:1.6em}@media (max-width: 40rem){p{font-size:var(--fs-s)}}h2.blue{color:rgb(var(--color-react))}h2.blue:after{background:linear-gradient(to right,transparent,transparent,rgba(var(--color-react),.5),transparent,transparent)}@media (max-width: 40rem){h2.blue:after{background:linear-gradient(to right,rgba(var(--color-react),.5),transparent)}}.branded{--color: var(--color-react), 1;--secondary-color: var(--color-jzp), 1}.branded.jzp{--color: var(--color-jzp), 1;--secondary-color: var(--color-white), 1}h2.branded:after{background:linear-gradient(to right,transparent,rgba(var(--color)),transparent)}.branded{animation:bg-move 5s linear infinite;color:var(--color-react);background:linear-gradient(to right,rgba(var(--color)),rgba(var(--color)),rgba(var(--secondary-color)),rgba(var(--color)),rgba(var(--color)));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.non-animated .branded{color:rgb(var(--color-react));background:linear-gradient(to right,rgb(var(--color-react)),rgb(var(--color-jzp)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:none}.branded-static{color:rgb(var(--color-react));background:linear-gradient(to right,rgb(var(--color-react)),rgb(var(--color-jzp)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.link-static{display:inline-block;text-decoration:none;position:relative;color:rgb(var(--color-white));text-decoration:underline}@keyframes bg-move{0%{background-position-x:0}to{background-position-x:-200%}}:root{--mobile-width: 39rem;--width-container: 62rem;--spacer-1: 4px;--spacer-2: 8px;--spacer-3: 12px;--spacer-4: 16px;--spacer-5: 20px;--spacer-6: 24px;--spacer-7: 28px;--spacer-8: 32px}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.wrapper{max-width:var(--width-container);margin:0 auto;position:relative}@media screen and (max-width: 40rem){.wrapper{padding:0 20px}}section,section.wrapper,footer,footer.wrapper{margin-top:10rem}@media screen and (max-width: 40rem){section,section.wrapper,footer,footer.wrapper{margin-top:0}}.opposite{background-color:rgb(var(--color-white));color:rgb(var(--color-grey));position:relative}.animated-section{opacity:.5;transform:translateY(100px)}body.non-animated .animated-section{opacity:1;transform:translateY(0)}@media screen and (max-width: 40rem){.animated-section{opacity:1;transform:translateY(0)}}.animated-section.shown{animation:showSection .5s ease-in-out both}@keyframes showSection{0%{opacity:.5;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}