@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}}.landscape{display:flex;justify-content:center;align-items:start;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_button-DXytwIzj.webp);background-position:center;background-repeat:no-repeat;background-color:var(--color-background)}@media screen and (width < 768px){.content{background-size:80%}}.content__inner{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background);color:var(--color-element)}.content__cards{display:grid;grid-template-columns:repeat(4,var(--card-size-l));grid-template-rows:repeat(4,var(--card-size-l));gap:16px;background-color:var(--color-background);color:var(--color-element)}@media screen and (width < 1918px){.content__cards{grid-template-columns:repeat(4,var(--card-size-m));grid-template-rows:repeat(4,var(--card-size-m))}}@media screen and (width < 1438px){.content__cards{grid-template-columns:repeat(4,var(--card-size-s));grid-template-rows:repeat(4,var(--card-size-s));gap:12px}}@media screen and (width < 1278px){.content__cards{grid-template-columns:repeat(4,var(--card-size-l));grid-template-rows:repeat(4,var(--card-size-l));gap:16px}}@media screen and (width < 1022px){.content__cards{grid-template-columns:repeat(4,var(--card-size-m));grid-template-rows:repeat(4,var(--card-size-m));gap:12px}}@media screen and (width < 768px){.content__cards{grid-template-columns:repeat(4,var(--card-size-xs));grid-template-rows:repeat(4,var(--card-size-xs));gap:8px}}@media screen and (width < 450px){.content__cards{grid-template-columns:repeat(4,var(--card-size-xxs));grid-template-rows:repeat(4,var(--card-size-xxs))}}@media screen and (width < 390px){.content__cards{grid-template-columns:repeat(4,var(--card-size-xxxs));grid-template-rows:repeat(4,var(--card-size-xxxs))}}.card{position:relative;width:var(--card-size-l);-webkit-user-select:none;user-select:none;transition-duration:var(--transition-duration)}.card:hover{cursor:pointer;transform:scale(1.05);transition-duration:var(--transition-duration)}@media screen and (width < 1918px){.card{width:var(--card-size-m)}}@media screen and (width < 1438px){.card{width:var(--card-size-s)}}@media screen and (width < 1278px){.card{width:var(--card-size-l)}}@media screen and (width < 1022px){.card{width:var(--card-size-m)}}@media screen and (width < 768px){.card{width:var(--card-size-xs)}}@media screen and (width < 450px){.card{width:var(--card-size-xxs)}}@media screen and (width < 390px){.card{width:var(--card-size-xxxs)}}.card__back,.card__front{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1;transition-duration:var(--transition-duration)}.card__front{position:absolute;opacity:0;top:0;left:0;transform:rotate(180deg);background-image:url(/projects/memory-game/assets/card__front-image-light-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:calc(var(--card-size-l) - 48px);transform:scaleX(-1);-webkit-user-select:none;user-select:none}@media screen and (width < 1918px){.card__front-image{width:calc(var(--card-size-m) - 32px)}}@media screen and (width < 1438px){.card__front-image{width:calc(var(--card-size-s) - 32px)}}@media screen and (width < 1278px){.card__front-image{width:calc(var(--card-size-l) - 48px)}}@media screen and (width < 1022px){.card__front-image{width:calc(var(--card-size-m) - 48px)}}@media screen and (width < 768px){.card__front-image{width:calc(var(--card-size-s) - 64px)}}@media screen and (width < 390px){.card__front-image{width:calc(var(--card-size-xxs) - 32px)}}.selected>.card__back{transform:rotateX(180deg)}.selected>.card__front{opacity:1;transform:rotateY(180deg)}.loader{display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background-color:var(--color-background)}.loader__spinner{width:3rem;height:3rem;border:.25rem solid var(--color-gray);border-top-color:var(--color-accent);border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--transition-duration: .35s;--card-size-l: 192px;--card-size-m: 160px;--card-size-s: 128px;--card-size-xs: 96px;--card-size-xxs: 88px;--card-size-xxxs: 80px;scrollbar-gutter:auto}@media (prefers-color-scheme: light){:root{--color-background: #ffffff;--color-element: #000000;--color-gray: #00000080;--color-accent: #00527f}}@media (prefers-color-scheme: dark){:root{--color-background: #000000;--color-element: #ffffff;--color-gray: #ffffff80;--color-accent: #ffffff}}.hidden{visibility:hidden}.selected{transform:scale(1.05)}