body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100vh}.App,body,html{display:flex;align-items:center;justify-content:center;margin:0}.App{max-width:950px;text-align:center;padding:5px 0 50px;background:rgba(211,69,217,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.App,.App-header{flex-direction:column}.App-header{width:80vw;color:#e23f3f;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:12px}.App-header h1{font-weight:700;color:#3a4927;text-shadow:4px 4px 2px hsla(0,0%,100%,.6);letter-spacing:2px;text-transform:uppercase}.App-cards{display:grid;flex-wrap:wrap;max-width:650px;margin:0 auto;justify-items:center;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto;grid-gap:10px}@media screen and (max-width:650px){body{background:rgba(211,69,217,.2)}.App{padding-top:410px}.App-cards{grid-gap:5px;grid-template-columns:auto auto auto;grid-template-rows:auto auto}}@media screen and (max-width:500px){.App-cards{grid-gap:5px;grid-template-columns:auto;grid-template-rows:auto auto}}.MemoryCard{display:grid;place-items:center;margin:5px;cursor:pointer;position:relative;perspective:800px;height:150px;width:150px}.MemoryCard:hover{animation:eray 1s infinite}.MemoryCard__inner{width:100%;height:100%;position:absolute;border-radius:5px;border:3px solid navy;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px rgba(0,0,0,.15);background-color:#f0f8ff}.MemoryCard__inner.flipped{transform:rotateY(180deg)}.MemoryCard__back,.MemoryCard__front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.MemoryCard__front{font-size:30px;padding-top:50px;transform:rotateY(180deg)}.MemoryCard__back{background:rgba(45,140,223,.4)}@keyframes eray{0%{transform:rotate(0deg)}80%{transform:rotate(0deg)}85%{transform:rotate(5deg)}95%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
/*# sourceMappingURL=main.74943861.chunk.css.map */