body{background-color:#272525;margin:0}.container{margin:1rem 2rem;max-width:1500px}.header{align-items:center;background-color:orange;box-shadow:0 0 5px 2px rgba(0,0,0,.3);display:flex;flex-wrap:wrap;justify-content:flex-end;padding:16px}.title{font-size:28px;padding-right:500px}.form-group{display:flex;flex-direction:column;margin:.5rem}.form-group>label{color:#777;font-size:.75rem;margin-bottom:.25rem}.btn{background-color:#0af;border:none;border-radius:.3em;color:#fff;cursor:pointer;padding:.5em 1em}.btn:hover{background-color:#08c}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card,.card-grid{align-items:center}.card{background-color:orange;border-radius:.25rem;box-shadow:0 0 5px 2px rgba(0,0,0,.3);cursor:pointer;display:flex;justify-content:center;position:relative;-webkit-transform:perspective(1000px) rotateY(0) translateY(0);transform:perspective(1000px) rotateY(0) translateY(0);-webkit-transform:perspective(1000px) rotateY(var(--rotate-y,0)) translateY(var(--translate-y,0));transform:perspective(1000px) rotateY(var(--rotate-y,0)) translateY(var(--translate-y,0));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.15s}.card:hover{--translate-y:-2px;box-shadow:0 0 5px 2px rgba(0,0,0,.5)}.card.flip{--rotate-y:180deg;background-color:#adff2f}.card .front{left:0}.card .back,.card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1rem;position:absolute}.card .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flashcard-options{color:#555;font-size:.75rem;margin-top:.5rem;margin-top:.25rem}.flashcard-option-first-child{margin-top:0}
/*# sourceMappingURL=main.2f063aed.css.map*/