body{background:#fef39d;background:linear-gradient(90deg,#fef39d,#fd1d1d 41%,#fcb045);margin:0}.container{max-width:900px;margin:1rem 2rem}.header{display:flex;justify-content:end;align-items:center;flex-wrap:wrap;box-shadow:0 0 5x 2px rgba(0,0,0,.3)}.form-group{display:flex;flex-direction:column;margin:.5rem .5rem .5rem 2rem}.form-group>label{color:#000;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:.8em;margin-bottom:.5rem}.btn{background-color:#0af;color:#fff;padding:.5em 1em;border-radius:.3em;border:none;cursor:pointer}.btn:hover{background-color:#08c}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.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;transition:.15s;cursor:pointer;transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(var(--rotate-y,0))}.card:hover{--translate-y:-2px;box-shadow:0 0 5px 2px rgba(0,0,0,.5)}.card.flip{--rotate-y:180deg}.card .front{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.5324a316.chunk.css.map */