.card{position:relative;-o-perspective:1000;perspective:1000;aspect-ratio:1/1;cursor:pointer}.card img{width:100%;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.card h2{font-size:.8em}.card .shadow{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card .back,.card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;-ms-transition:.6s;-ms-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;top:0;left:0;width:100%;height:100%;overflow:hidden}.card .front{width:100%;background:var(--color-gold)}.card .back{background-color:#fff;display:flex;justify-content:center;align-items:center;transform:rotateY(-180deg);position:absolute}.card.flipped .back,.card.matched .back{transform:rotateY(0deg)}.card.flipped .front,.card.matched .front{transform:rotateY(180deg)}.popup{display:none;flex-direction:column;justify-content:center;align-items:center;position:absolute;background:hsla(0,0%,100%,.8);opacity:0;z-index:0;top:0;left:0;width:100%;height:100%;transition:opacity 3s;transition-delay:2s}.popup h2{text-align:center;padding-bottom:1em}.popup p{margin:0;padding:1em 0 0 0;text-align:center}.popup__close{position:absolute;top:0;right:0;text-transform:uppercase;font-size:.8em;padding:10px 10px;cursor:pointer}.popup__inner{position:relative;background:#fff;padding:2em;max-width:600px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.popup__inner img{width:400px;height:auto}.popup.active{display:flex;z-index:100;opacity:1}ul[data-v-121c3f08]{width:100%;display:grid;list-style:none;padding:0;margin:1em 0 0;grid-template:auto/1fr 1fr 1fr;justify-items:stretch;gap:5px}ul button[data-v-121c3f08]{background-color:var(--color-lightgrey2);color:var(--body-color);Width:100%;cursor:pointer;transition:all 1s;padding:.2em .5em;text-align:center;text-transform:uppercase;font-size:.8em;border:none}ul button.active[data-v-121c3f08],ul button[data-v-121c3f08]:hover{background-color:var(--color-green);color:var(--color-white)}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-white:#fff;--color-black:#111;--color-grey:#666;--color-gold:#e9e1d1;--color-green:#053723;--color-lightgrey2:#efefef;--color-lightgrey:#aaa;--body-color:#666;--font-family:"Open Sans",sans-serif;--font-family-sans-serif2:"Roboto Condensed",sans-serif;--font-family-sans-serif3:"Roboto",sans-serif}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.f36638c2.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Light.6090d256.ttf);font-weight:200;font-style:normal}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Bold.9ece5b48.ttf);font-weight:700;font-style:normal}body{font-family:Roboto,sans-serif;font-size:16px;color:var(--color-black)}body,h1,h2,h3,h4{font-weight:200}h1{font-size:1.3em;text-transform:uppercase;line-height:1}a{color:var(--color-black)}a :hover{color:var(--color-gold)}body,html{height:100%}body{background-color:var(--color-white);min-height:100%}#app{height:100%;padding:1em;display:flex;flex-wrap:nowrap;flex-direction:column;width:100%;gap:30px}@media (min-width:768px){#app{flex-direction:row}}aside[data-v-35e9385a]{display:flex;flex-direction:column;gap:15px;align-items:flex-start}@media (min-width:769px){aside[data-v-35e9385a]{width:300px;flex-shrink:0;align-items:center}}aside img[data-v-35e9385a]{max-width:150px}@media (min-width:769px){aside img[data-v-35e9385a]{max-width:150px}}section[data-v-35e9385a]{flex:1;display:flex;justify-content:center;align-items:center}.mobile-nav[data-v-35e9385a]{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;position:relative;width:100%;gap:15px}@media (min-width:769px){.mobile-nav[data-v-35e9385a]{justify-self:start}}@media (max-width:768px){.mobile-nav[data-v-35e9385a]{z-index:3;background:#fff;top:0;width:80%;padding:15px;height:auto;position:absolute;transform:translateX(-100vw);transition:transform 1.2s}.mobile-nav.active[data-v-35e9385a]{transform:translateX(0)}}.hamburger[data-v-35e9385a]{display:none}@media (max-width:768px){.hamburger[data-v-35e9385a]{top:40px;display:inline-block;right:30px;transition:.5s;position:absolute;width:20px;height:2px;background:var(--color-black);z-index:3;cursor:pointer}.hamburger[data-v-35e9385a]:before{top:-7px}.hamburger[data-v-35e9385a]:after{top:7px}.hamburger[data-v-35e9385a]:after,.hamburger[data-v-35e9385a]:before{content:"";position:absolute;width:20px;height:2px;background:var(--color-black);transition:.5s}.hamburger.active[data-v-35e9385a]{background:transparent}.hamburger.active[data-v-35e9385a]:before{top:0;transform:rotate(135deg)}.hamburger.active[data-v-35e9385a]:after{top:0;transform:rotate(225deg);box-shadow:0 -2px 5px rgba(0,0,0,.2)}}.cards[data-v-35e9385a]{display:flex;align-items:center;justify-content:center;width:100%}.cards__inner[data-v-35e9385a]{display:grid;height:100%;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));aspect-ratio:3/4;grid-auto-rows:1fr;max-width:100%;max-height:100%;width:100%;height:auto}@media (min-width:769px){.cards__inner[data-v-35e9385a]{grid-template-columns:repeat(4,minmax(0,1fr));aspect-ratio:4/3}}.cards__inner.medium[data-v-35e9385a]{grid-template-columns:repeat(4,minmax(0,1fr));aspect-ratio:4/6}@media (min-width:769px){.cards__inner.medium[data-v-35e9385a]{grid-template-columns:repeat(6,minmax(0,1fr));aspect-ratio:6/4}}.cards__inner.hard[data-v-35e9385a]{grid-template-columns:repeat(5,minmax(0,1fr));aspect-ratio:5/8}@media (min-width:769px){.cards__inner.hard[data-v-35e9385a]{grid-template-columns:repeat(10,minmax(0,1fr));aspect-ratio:10/4}}.categories ul[data-v-35e9385a]{display:flex;list-style:none;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:0;margin:0;gap:1px;width:100%}.categories ul button[data-v-35e9385a]{padding:10px;line-height:1;text-transform:uppercase;font-size:1em;background-color:var(--color-lightgrey2);border:none;transition:all 1s;padding:.5em .5em;width:100%;cursor:pointer}.categories ul button.active[data-v-35e9385a],.categories ul button[data-v-35e9385a]:hover{background-color:var(--color-green);color:#fff}