@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-primary:oklch(.93 .21 124.54);--color-black:oklch(.17 0 0);--color-white:oklch(.99 0 0);--color-pale:oklch(.84 0 0);--color-pink:oklch(.58 .26 335.06);--color-purple:oklch(.52 .29 289.66);--color-darkpurple:oklch(.43 .24 291.17);--color-gray:oklch(.24 0 0);--color-correct:oklch(.8 .25 141.37);--color-wrong:oklch(.23 .05 21.32);--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-primary);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:64em){body{font-size:1em}}ol,ul{list-style:none}a{color:var(--color-primary);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:64em){.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:64em){.main{flex-direction:column}}.grid{display:flex;gap:4rem;justify-content:center;line-height:1.4}@media only screen and (max-width:64em){.grid{flex-direction:column}}.grid .col{max-width:500px}.grid .col-l{flex:3}.grid .col-r{flex:2}section{height:calc(100vh - var(--gap) - var(--gap));height:calc(100dvh - var(--gap) - var(--gap));overflow-y:scroll;scrollbar-width:none}section::-webkit-scrollbar{display:none}@media only screen and (max-width:64em){section{height:auto;width:100%}}button{background-color:transparent;border:none}@media only screen and (max-width:64em){.hide-on-mobile{display:none}}.is--empty{font-style:italic;padding:var(--gap);text-transform:uppercase}@keyframes next{0%{transform:translate(0)}60%{transform:translate(-16px)}77%{transform:translate(12px)}to{transform:translate(0)}}@media only screen and (max-width:64em){@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)}}