@import url(https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap);@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);*{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:0;box-sizing:border-box}*,body{margin:0}body{touch-action:pan-y;font-family:"Love Ya Like A Sister",cursive;font-size:1.5em;text-align:center;background-image:url(/memoryabc/static/media/bgr.27ecd0e8.png);background-size:contain;background-repeat:repeat-y;background-color:#e4d7f5;color:#271031}h1{margin:30px 0 40px;font-weight:400;font-family:"Luckiest Guy",cursive;font-size:2em;line-height:1em;font-weight:700;color:#f5f5f5;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px rgba(16,16,16,.4),1px 22px 10px rgba(16,16,16,.2),1px 25px 35px rgba(16,16,16,.2),1px 30px 60px rgba(16,16,16,.4)}button{font-family:"Love Ya Like A Sister",cursive}h1{animation:text-pop-up-top .4s cubic-bezier(.25,.46,.45,.94) 1s both}@keyframes text-pop-up-top{0%{color:#fff;text-shadow:1px 3px 1px #505050}to{color:#f5f5f5;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px rgba(16,16,16,.4),1px 22px 10px rgba(16,16,16,.2),1px 25px 35px rgba(16,16,16,.2),1px 30px 60px rgba(16,16,16,.4)}}.card{position:relative;cursor:pointer}.card img{width:100%;display:block;border:6px solid #fff;border-radius:6px;box-sizing:border-box;box-shadow:0 0 8px 1px rgba(0,0,0,.3)}.card .front{transform:rotateY(90deg);position:absolute;height:100%;background:#fff;padding:18%;box-sizing:border-box;transition:all .2s ease-in}.flipped .front{box-shadow:0 0 12px 1px rgba(0,0,0,.6);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.card-0,.card-2,.card-5,.card-7,.card-8,.card-10{animation:swing-in-top-fwd 1.8s cubic-bezier(.175,.885,.32,1.275) .2s both}.card-1,.card-3,.card-4,.card-6,.card-9,.card-11{animation:swing-in-bottom-fwd 1.8s cubic-bezier(.175,.885,.32,1.275) .4s both}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0deg);transform-origin:top;opacity:1}}@keyframes swing-in-bottom-fwd{0%{transform:rotateX(100deg);transform-origin:bottom;opacity:0}to{transform:rotateX(0);transform-origin:bottom;opacity:1}}.App{max-width:860px;margin:0 auto 40px}.App .new-btn{background:hsl(340deg 100% 32%);border-radius:12px;border:none;padding:0;outline-offset:4px;cursor:pointer;font-size:1em}.App .btn-front{display:block;padding:12px 42px;border-radius:12px;font-size:1.25rem;background:hsl(345deg 100% 47%);color:#fff;transform:translateY(-6px)}.App .new-btn:active .btn-front{transform:translateY(-2px)}.App .card-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}@media (max-width:768px){.App .card-grid{padding:0 10px;grid-template-columns:1fr 1fr 1fr;grid-gap:15px}}.App .turns-box{margin-top:30px}.App .turns{color:red}.App .credit{font-family:Verdana,sans-serif;margin-top:40px;text-decoration:none;color:silver;font-size:.4em}.App .credit a{text-decoration:none;color:#93c7d7}
/*# sourceMappingURL=main.5e6e5333.chunk.css.map */