body{background-color:#12181f;color:#fff;min-width:100vw}.app,body{min-height:100vh}.app{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}h1{font-size:50px}h1,p{font-weight:700;text-align:center}p{font-size:30px}.actions{display:flex;justify-content:center}.actions button{background-color:#27ae60;border-radius:10px;color:#fff;font-size:30px;padding:8px 16px}.grid-container{grid-gap:16px;display:grid;grid-template-columns:repeat(4,140px);justify-content:center;margin:30px auto}.card{background-color:#fff;border-radius:10px;height:210px;position:relative;transform-style:preserve-3d;transition:all .5s ease-in-out;width:140px}.front-image{height:60px;width:60px}.card.flipped{transform:rotateY(180deg)}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.card .front{align-items:center;display:flex;justify-content:center}.card .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><rect width="800%" height="800%" fill="url(%23a)"/></svg>');background-position:50%;background-size:cover}.card .front{transform:rotateY(180deg)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a0bc9dd4.css.map*/