@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);body{background:linear-gradient(180deg,#0077b5,#6aa0b8);background-attachment:fixed;background-repeat:no-repeat;font-family:Luckiest Guy,cursive}.app{align-items:center;display:flex;flex-direction:column;margin-top:50px}.options{margin-bottom:20px}h1{font-size:3.5em;margin-bottom:20px}.buttons,h1{color:#ff0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.buttons{background:none;border:none;cursor:pointer;font-size:1.8em;font-size:2em;font-weight:900;margin-right:10px}select{background-color:#4ab3eb;border:none;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.2);color:#ff0;font-size:1.2em;font-weight:900;outline:none;padding:5px 10px}.board{display:flex;flex-wrap:wrap;justify-content:center}.card{background-color:#c98fe4;background-image:url(/static/media/star.10bb5d0c0c908d5f8146.gif);border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.2);cursor:pointer;height:100px;margin:10px;position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100px}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;position:absolute;width:100%}.card-front{background-color:#f2f2f2}.card-back{align-items:center;display:flex;font-size:60px;justify-content:center}.card.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (min-width:768px){.board{width:600px}.card{height:120px;margin:15px;width:120px}.card-back{font-size:80px}}
/*# sourceMappingURL=main.484a75b9.css.map*/