body{background-color:#c8d0d2;margin:0}.container{max-width:900px;margin:1rem 2rem}.header{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;background-color:#fff;padding:0 1.5rem;box-shadow:0 0 5px 2px rgba(0,0,0,.3)}.form-group{display:flex;flex-direction:column;margin:.5rem}.form-group>label{color:#777;font-size:.75rem;margin-bottom:.25rem}.btn{background-color:#1e90ff;color:#fff;padding:.5em 1em;border-radius:.3rem;border:none;cursor:pointer}.btn:hover{background-color:#08c}.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:150px;transition:.15s;transform:perspective(1000px) rotateY(0) translateY(0);transform:perspective(1000px) rotateY(var(--rotate-y,0)) translateY(var(--translate-y,0));cursor:pointer}.card:hover{--translate-y:-2px;box-shadow:0 0 5px 2px rgba(0,0,0,.5)}.card.flip{--rotate-y:181deg}.card .front{transform:rotateY(0deg);left:0}.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:.75rem}.flashcard-option:first-child{margin-top:0}
/*# sourceMappingURL=main.69577a45.chunk.css.map */