body{background-color:#ccc;margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header{background-color:#fff;box-shadow:0 0 5px 2px rgba(3,3,3,.3);display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 1.5rem}.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(300px,1fr));margin:1rem 2rem}.card,.card-grid{align-items:center}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 0 5px 2px rgba(3,3,3,.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,.6)}.card.flip{--rotate-y:180deg}.front{left:0}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1rem;position:absolute}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-options{margin-top:1rem}.card-option{color:#5a5a5a;font-size:.75rem;margin-top:.25rem}.card-option:first-child{margin-top:0}
/*# sourceMappingURL=main.c1e2a02c.css.map*/