@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700&family=Pacifico&family=Zen+Kaku+Gothic+Antique:wght@400;500;900&display=swap");body,html{padding:0;margin:0;background-color:#121d33;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none;color:#1a2437}*{box-sizing:border-bo x}.waving-hand{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating{animation:rotating 2s linear infinite}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.card,.card-grid{align-items:center}.card{display:flex;justify-content:center;position:relative;border-radius:.25rem;box-shadow:0 0 5px 2px rgba(0,0,0,.3);background-color:#fff;transform-style:preserve-3d;height:250px;cursor:pointer;transition:.15s;transform:perspective(1000px) rotateY(var(--rotate-y,0))}.card:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.5)}.card.flip{--rotate-y:180deg}.card .back,.card .front{position:absolute;padding:1rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card .back{transform:rotateY(180deg)}.flashcard-options{margin-top:.5rem}.flashcard-option{margin-top:.25rem;color:#555;font-size:.8rem}