@charset "UTF-8";*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex;text-decoration:none}button,label{cursor:pointer}[fill]{fill:currentColor}[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Roboto;src:url(/projects/memory-game/assets/Roboto-Regular-OqL9vKsN.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}::-moz-selection{background-color:#000;color:#fff}::selection{background-color:#000;color:#fff}.scrollbar-moz-fallback{scrollbar-color:#000000 #ffffff;scrollbar-width:auto}::-webkit-scrollbar{background-color:#fff;width:8px}::-webkit-scrollbar-thumb{background-color:#000}*:focus-visible{outline:5px solid #00527f;outline-offset:5px;border-radius:5px}@media screen and (width < 1438px){*:focus-visible{outline:3px solid #00527f;outline-offset:3px;border-radius:3px}}@media (prefers-color-scheme: dark){*:focus-visible{outline:5px solid #ffffff;outline-offset:5px;border-radius:5px}}@media screen and (prefers-color-scheme: dark) and (width < 1438px){*:focus-visible{outline:3px solid #ffffff;outline-offset:3px;border-radius:3px}}html{scrollbar-gutter:auto}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;background-color:#fff;color:#000;overflow:hidden}@media (prefers-color-scheme: dark){body{background-color:#000;color:#fff}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.hidden{visibility:hidden}.selected{transform:scale(1.05)}.landscape{display:flex;flex-direction:row;justify-content:center;align-items:start;gap:0;width:100vw;height:100vh;padding-top:50px;-webkit-user-select:none;user-select:none}.landscape__image{height:60%;aspect-ratio:1}.landscape__image--animated{animation:rotateImage 8s linear infinite}@keyframes rotateImage{0%{transform:rotate(-90deg)}25%{transform:rotate(-90deg)}50%{transform:rotate(0)}75%{transform:rotate(0)}to{transform:rotate(-90deg)}}.content{height:100vh;background-image:url(/projects/memory-game/assets/Cool%20Button-DXytwIzj.webp);background-position:center;background-repeat:no-repeat}@media screen and (width < 768px){.content{background-size:80%}}.content__inner{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;height:100vh}.content__cards{display:grid;grid-template-columns:repeat(4,192px);grid-template-rows:repeat(4,192px);gap:16px;background-color:#fff}@media screen and (width < 1918px){.content__cards{grid-template-columns:repeat(4,160px);grid-template-rows:repeat(4,160px)}}@media screen and (width < 1438px){.content__cards{grid-template-columns:repeat(4,128px);grid-template-rows:repeat(4,128px);gap:12px}}@media screen and (width < 1278px){.content__cards{grid-template-columns:repeat(4,192px);grid-template-rows:repeat(4,192px);gap:16px}}@media screen and (width < 1022px){.content__cards{grid-template-columns:repeat(4,160px);grid-template-rows:repeat(4,160px);gap:12px}}@media screen and (width < 768px){.content__cards{grid-template-columns:repeat(4,96px);grid-template-rows:repeat(4,96px);gap:8px}}@media screen and (width < 450px){.content__cards{grid-template-columns:repeat(4,88px);grid-template-rows:repeat(4,88px)}}@media screen and (width < 390px){.content__cards{grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px)}}.content.dark,.content.dark .content__inner,.content.dark .content__inner .content__cards{background-color:#000;color:#fff}.card{position:relative;width:192px;-webkit-user-select:none;user-select:none;transition-duration:.35s}.card:hover{cursor:pointer;transform:scale(1.05);transition-duration:.35s}@media screen and (width < 1918px){.card{width:160px}}@media screen and (width < 1438px){.card{width:128px}}@media screen and (width < 1278px){.card{width:192px}}@media screen and (width < 1022px){.card{width:160px}}@media screen and (width < 768px){.card{width:96px}}@media screen and (width < 450px){.card{width:88px}}@media screen and (width < 390px){.card{width:80px}}.card__back,.card__front{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;aspect-ratio:1;transition-duration:.35s}.card__front{position:absolute;opacity:0;top:0;left:0;transform:rotate(180deg);background-image:url(/projects/memory-game/assets/card__front-image-C__4_17O.webp);background-size:contain}.card__front--dark{background-image:url(/projects/memory-game/assets/card__front-image-dark-CcvmE1by.webp)}.card__front--transparent{transform:rotate3d(0,90,90,180deg);background-image:url(data:image/webp;base64,UklGRlAIAABXRUJQVlA4WAoAAAA0AAAACQAACQAASUNDUDACAAAAAAIwQURCRQIQAABtbnRyUkdCIFhZWiAHzwAGAAMAAAAAAABhY3NwQVBQTAAAAABub25lAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUFEQkUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApjcHJ0AAAA/AAAADJkZXNjAAABMAAAAGt3dHB0AAABnAAAABRia3B0AAABsAAAABRyVFJDAAABxAAAAA5nVFJDAAAB1AAAAA5iVFJDAAAB5AAAAA5yWFlaAAAB9AAAABRnWFlaAAACCAAAABRiWFlaAAACHAAAABR0ZXh0AAAAAENvcHlyaWdodCAxOTk5IEFkb2JlIFN5c3RlbXMgSW5jb3Jwb3JhdGVkAAAAZGVzYwAAAAAAAAARQWRvYmUgUkdCICgxOTk4KQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAGN1cnYAAAAAAAAAAQIzAABjdXJ2AAAAAAAAAAECMwAAY3VydgAAAAAAAAABAjMAAFhZWiAAAAAAAACcGAAAT6UAAAT8WFlaIAAAAAAAADSNAACgLAAAD5VYWVogAAAAAAAAJjEAABAvAAC+nFZQOEwNAAAALwlAAhAHEBERiIj+BwBYTVAg4wUAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0xMC0wMlQxMzowNDoyOSswNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0xMC0wMlQxMzowNDoyOSswNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMTAtMDJUMTM6MDQ6MjkrMDU6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDFkZmU2NDEtYTllZC0yYjRiLWIwM2EtYThlM2E2NDhjOTg2IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZjE4Njc4ZjEtNTIyYi0zZjRjLWIxODYtZWVmOWU5NTRkNmU2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzZmYTQxZjQtYTI4YS0yYzRjLThlNzctMzU0ZjE4MWM2YTFlIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2ZmE0MWY0LWEyOGEtMmM0Yy04ZTc3LTM1NGYxODFjNmExZSIgc3RFdnQ6d2hlbj0iMjAyNS0xMC0wMlQxMzowNDoyOSswNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MWRmZTY0MS1hOWVkLTJiNGItYjAzYS1hOGUzYTY0OGM5ODYiIHN0RXZ0OndoZW49IjIwMjUtMTAtMDJUMTM6MDQ6MjkrMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4A)}.card__front-image{width:144px;transform:scaleX(-1);-webkit-user-select:none;user-select:none}@media screen and (width < 1918px){.card__front-image{width:128px}}@media screen and (width < 1438px){.card__front-image{width:96px}}@media screen and (width < 1278px){.card__front-image{width:144px}}@media screen and (width < 1022px){.card__front-image{width:112px}}@media screen and (width < 768px){.card__front-image{width:64px}}@media screen and (width < 390px){.card__front-image{width:56px}}.selected>.card__back{transform:rotateX(180deg)}.selected>.card__front{opacity:1;transform:rotateY(180deg)}