@font-face{font-display:swap;font-family:Archivo Black;font-style:normal;font-weight:400;src:url(../fonts/archivo-black-v22-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Archivo;font-style:normal;font-weight:400;src:url(../fonts/archivo-v24-latin-regular.woff2) format("woff2")}*,:after,:before,div{box-sizing:border-box}:root{--color-main:#c9ff3d;--color-main-dark:#607c15;--color-black:#0f0f0f;--color-white:#fdfdfd;--color-pale:#cacaca;--color-pink:#cc00b4;--color-purple:#7300ff;--color-purple-dark:#5a03c3;--color-grey:#1e1e1e;--font-primary:"Archivo Black",sans-serif;--font-secondary:"Archivo",sans-serif;--gap:10px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-main);font-family:var(--font-primary);font-size:1em;line-height:1;text-rendering:optimizeLegibility}@media only screen and (min-width:100em){body{font-size:1.2em}}@media only screen and (max-width:48em){body{font-size:1em}}ol,ul{list-style:none}a{color:var(--color-main);text-decoration:none}img{height:auto;width:100%}.page{display:flex;gap:var(--gap);height:100vh;height:100dvh;overflow:hidden;padding:10px}@media only screen and (max-width:48em){.page{flex-direction:column;height:auto;padding-left:12px;padding-right:12px}}.main{display:flex;flex:1;gap:var(--gap)}@media only screen and (max-width:48em){.main{flex-direction:column}}.grid{display:flex;gap:4rem;justify-content:center;line-height:1.4}@media only screen and (max-width:48em){.grid{flex-direction:column}}.grid .col{max-width:500px}.grid .col-l{flex:3}.grid .col-r{flex:2}button{background-color:transparent;border:none}.rounded{border-radius:0}@keyframes next{0%{transform:translate(0)}60%{transform:translate(-16px)}77%{transform:translate(12px)}to{transform:translate(0)}}@media only screen and (max-width:48em){@keyframes next{0%{transform:scale(1)}60%{transform:scale(.94)}77%{transform:scale(1.05)}88%{transform:scale(.98)}92%{transform:scale(1.02)}to{transform:scale(1)}}}@keyframes buttonPressed{0%{transform:scale(1)}60%{transform:scale(.94)}77%{transform:scale(1.05)}to{transform:scale(1)}}