body{background-color:#c8d0d2;margin:0}.container{max-width:1250px;margin:1rem 2rem}.header{height:5rem;background-color:#2f4f4f;color:#fff;font-size:2.5rem;margin:0}.form-container,.header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.form-container{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:0 1.5rem;box-shadow:0 0 5px 2px rgba(0,0,0,.3)}.form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5rem}.form-group>label{color:#777;font-size:.8rem;margin-bottom:.25rem}.btn{background-color:#0af;color:#fff;padding:.5em 1em;border-radius:.3em;border:none;cursor:pointer;box-shadow:0 0 5px 2px rgba(0,0,0,.3);-ms-transform:translateY(var(--translate-y,0));transform:translateY(var(--translate-y,0))}.btn:hover{background-color:#069;--translate-y:-2px;box-shadow:0 0 5px 2px rgba(0,0,0,.6)}.card-grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(200px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card,.card-grid{-ms-flex-align:center;align-items:center}.card{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;transform-style:preserve-3d;border-radius:.25rem;box-shadow:0 0 5px 2px rgba(0,0,0,.3);transition:.2s;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,.6)}.card.flip{--rotate-y:180deg}.card .back,.card .front{padding:1rem;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card .back{position:absolute;transform:rotateY(180deg)}.flashcard-options{margin-top:.5rem}.flashcard-option{margin-top:.25rem;color:grey;font-size:.75rem}.flashcard-option:first-child{margin-top:0}
/*# sourceMappingURL=main.19389487.css.map*/