@import url(https://fonts.googleapis.com/css2?family=Reggae+One&display=swap);
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{margin:0;padding:0;font-size:100%;vertical-align:baseline}a:active,a:hover{outline:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}html{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}audio,img,video{max-width:100%;height:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}iframe{border:0}textarea{resize:none;overflow:auto;vertical-align:top;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}button,input,select,textarea{outline:none;border:none;font-size:100%;margin:0}button,input{line-height:normal}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{line-height:1.4;font-size:18px;color:#101010;font-size:16px}body{margin:0;padding:0;font-family:Reggae One,cursive,Montserrat,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none}li,ul{margin:0;padding:0;list-style-type:none}.section,section{position:relative;padding:40px 0}.wrapper{margin:0 auto}.content-wrapper,.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container{width:100%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin:0 auto;max-width:1280px}body{background-color:#3c3c3c}.content-wrapper{min-height:100vh;min-height:100dvh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-wrapper h1{text-align:center;color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.content-wrapper .description{font-size:1rem;text-align:center;color:#fff;line-height:1.3;margin:0 0 1rem;letter-spacing:.1em}.game{padding:10px;position:relative}.game ul{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-perspective:500px;perspective:500px}.game li{-ms-flex-preferred-size:25%;flex-basis:25%;padding:0 2px 2px 0}.game .card{width:100%;padding-top:100%;position:relative;cursor:pointer;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;background-color:rgba(0,0,0,0);vertical-align:top}.game .card img{position:absolute;top:0;left:0;width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5%}.game .card img.close{background-color:#00f}.game .card img.open{background-color:red}.game .card.open,.game .card img.open{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.game .card.open,.game .result{pointer-events:none}.game .result{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.game .result p{position:relative;font-size:5rem;font-weight:700;color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-stroke-width:.05rem;white-space:nowrap}.game .result .correct,.game .result .incorrect{position:relative;display:none}.game .result .correct.active,.game .result .incorrect.active{display:block}.game .result .correct{-webkit-text-stroke-color:rgba(48,255,89,.8);text-shadow:2px 0 21px rgba(48,255,89,.8)}.game .result .incorrect{-webkit-text-stroke-color:rgba(253,104,77,.8);text-shadow:2px 0 21px rgba(253,104,77,.8)}.game .result .shadow:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;background-color:rgba(0,0,0,.7);-webkit-filter:blur(10px);filter:blur(10px)}.allClear{visibility:hidden;text-align:center;margin:1rem 0 0}.allClear.clear{visibility:visible}.allClear a{color:#fc00fc;text-decoration:underline;font-size:2rem;letter-spacing:.1em;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.allClear a:hover{opacity:.7}.allClear .replay{margin:20px auto;display:block;background-color:#2a2a2a;border:1px solid #01ffff;color:#01ffff;border-radius:5px;font-family:Reggae One,cursive,Montserrat,Helvetica,Arial,sans-serif;cursor:pointer;letter-spacing:.1em;font-size:1.4rem;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.allClear .replay:hover{opacity:.7}.flash{-webkit-animation:flash-anime 3s linear infinite;animation:flash-anime 3s linear infinite}@-webkit-keyframes flash-anime{0%{opacity:1}50%{opacity:1}51%{opacity:.3}52%{opacity:1}75%{opacity:1}76%{opacity:.6}77%{opacity:1}78%{opacity:.3}79%{opacity:1}}@keyframes flash-anime{0%{opacity:1}50%{opacity:1}51%{opacity:.3}52%{opacity:1}75%{opacity:1}76%{opacity:.6}77%{opacity:1}78%{opacity:.3}79%{opacity:1}}@media screen and (max-width:1280px){.section,section{padding:36px 0;padding:28px 0;padding:20px 0}}@media screen and (min-width:768px){.content-wrapper h1{letter-spacing:.1em;font-size:2rem}.game ul{max-width:500px}}@media screen and (max-width:768px){.game .result p{font-size:3rem}}