:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--text:#f66936;--card:#202426;--orange:#ffa200;--bg:linear-gradient(135deg,#fc2473,#f66936);--delay:200ms;--rotate-0:rotateY(0deg);--rotate-90:rotateY(90deg);--transition:all ease-in 200ms;--radius:0.75rem;--shadow:1px 1px 13px #03030390;--card-width:150px;--card-width-mobile:20vw;--card-enter:enter 600ms ease;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans",sans-serif;font-size:1rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:flex-start;background:linear-gradient(135deg,#fc2473,#f66936);background:var(--bg);color:#f66936;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;font-family:var(--font-family);height:100vh;justify-content:center;overflow:auto;padding:1rem;width:100vw}body,header{display:flex}header{align-items:center;-webkit-animation:enter .6s ease;animation:enter .6s ease;-webkit-animation:var(--card-enter);animation:var(--card-enter);background:#202426;background:var(--card);border-radius:.75rem;border-radius:var(--radius);box-shadow:1px 1px 13px #03030390;box-shadow:var(--shadow);height:4rem;justify-content:space-evenly;padding:.5rem;width:100%}h3{color:#f66936;color:var(--text)}h3,h4{margin:auto}h4{color:#ffa200;color:var(--orange)}button{border:none;border-radius:3px;margin:auto;outline:none;padding:.5rem}.grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,auto);margin:3rem auto}.card{align-items:center;-webkit-animation:enter .6s ease;animation:enter .6s ease;-webkit-animation:var(--card-enter);animation:var(--card-enter);background:transparent;border-radius:.75rem;border-radius:var(--radius);display:flex;justify-content:center;position:relative;width:150px;width:var(--card-width)}.card img{width:100%}.card-back,.card-face{background:#202426;background:var(--card);border-radius:.75rem;border-radius:var(--radius);box-shadow:1px 1px 13px #03030390;box-shadow:var(--shadow);padding:1rem;transition:all .2s ease-in;transition:var(--transition)}.card-face{height:240px;position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform:var(--rotate-90);transform:var(--rotate-90)}.card-back,.selected .card-face{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform:var(--rotate-0);transform:var(--rotate-0);transition-delay:.2s;transition-delay:var(--delay)}.selected .card-back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform:var(--rotate-90);transform:var(--rotate-90);transition-delay:0s}@-webkit-keyframes enter{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes enter{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:720px){body{align-items:center}header{border-radius:0;bottom:0;left:0;margin:auto;position:fixed}.grid{margin:auto auto 3rem}.card{width:20vw;width:var(--card-width-mobile)}}
/*# sourceMappingURL=main.26ef2a90.css.map*/