:root{--text:#f66936;--card:#202426;--orange:#ffa200;--bg:linear-gradient(135deg,#3bdbcf,#f6328d);--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:10vw;--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,#3bdbcf,#f6328d);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(10,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{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;display:flex;height:100vh;overflow:hidden;padding:1rem;width:100vw}.grid{gap:1rem;grid-template-columns:repeat(5,auto);margin:1rem auto}.card img{width:3.2rem}header{border-radius:0;bottom:0;left:0;margin:auto;position:fixed}.grid{margin:auto auto 3rem}.card{width:10vw;width:var(--card-width-mobile)}}
/*# sourceMappingURL=main.2cc00fa7.css.map*/