@font-face{font-display:swap;font-family:Dosis;font-style:normal;font-weight:400;src:url(../../static/media/dosis-vietnamese-400-normal.a231c6efbcf8dde0ad52.woff2) format("woff2"),url(../../static/media/dosis-all-400-normal.1f3cfbefcfbd94baf8ab.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-display:swap;font-family:Dosis;font-style:normal;font-weight:400;src:url(../../static/media/dosis-latin-ext-400-normal.41b658f94b681d2009c4.woff2) format("woff2"),url(../../static/media/dosis-all-400-normal.1f3cfbefcfbd94baf8ab.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Dosis;font-style:normal;font-weight:400;src:url(../../static/media/dosis-latin-400-normal.89135c096883532cc657.woff2) format("woff2"),url(../../static/media/dosis-all-400-normal.1f3cfbefcfbd94baf8ab.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}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{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{border:none;font-family:inherit;outline:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}button{-webkit-appearance:none!important;-moz-appearance:none!important;display:inline-block}:root{--border-radius:10px;--padding-sm:0.4rem;--padding-md:1rem;--gap-sm:0.4rem;--gap-md:0.8rem;--margin-md:1rem;--dark:#2a2e34;--light:#f8f8f8;--bg:#cfcfcf}body{background-color:#cfcfcf;background-color:var(--bg);color:#2a2e34;color:var(--dark);font-family:Dosis,Arial,Helvetica,sans-serif}h1{font-size:1.4rem}h1,h2{font-weight:700}h2{font-size:1.2rem}p{font-size:1.1rem;line-height:1.2rem}.App{padding:var(--padding-md)}.App__Navbar{display:flex;justify-content:space-between;margin-bottom:var(--margin-md)}.App__Navbar-Intro{align-items:flex-start;display:flex;flex:1 5 auto;flex-direction:column;gap:var(--gap-md)}.App__LangSelect{background-color:var(--light);border:2px solid var(--dark);border-radius:var(--border-radius);padding:var(--padding-sm)}.App__Navbar-Info{align-items:flex-end;display:flex;flex:5 1 50%;flex-direction:column;justify-content:center}.App__Cards{--grid-columns:6;grid-gap:var(--gap-sm);display:grid;gap:var(--gap-sm);grid-template-columns:repeat(var(--grid-columns),1fr)}@media screen and (max-width:992px){.App__Cards{--grid-columns:4}}@media screen and (max-width:768px){.App{padding:var(--padding-sm)}.App__Cards{--grid-columns:3}}@media screen and (max-width:576px){.App__Cards{--grid-columns:2}}.Scoreboard{align-items:flex-end;background-color:var(--light);border:2px solid var(--dark);border-radius:var(--border-radius);display:inline-flex;flex-direction:column;gap:var(--gap-sm);justify-content:center;padding:var(--padding-md)}.Scoreboard__Score{font-size:1.3rem;font-weight:700}.Scoreboard__Highscore{font-style:italic}.Card{align-items:center;background-color:var(--light);border:2px solid var(--dark);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--gap-sm);justify-content:center;padding:var(--padding-sm);transition:background-color .25s ease-out,color .25s ease-out}.Card:hover{background-color:var(--dark);color:var(--light)}.Card__Image{--imgSize:200px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:var(--border-radius);height:var(--imgSize);overflow:hidden;width:var(--imgSize)}.Card__Text{text-align:center}@media screen and (max-width:992px){.Card__Image{--imgSize:180px}}@media screen and (max-width:768px){.Card__Image{--imgSize:160px}}@media screen and (max-width:576px){.Card__Image{--imgSize:140px}}
/*# sourceMappingURL=main.078e0f92.css.map*/