body{background-color:#f9cdf9;margin:0}.container{margin:1rem 2rem;max-width:900PX}.card-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.header{align-items:center;background-color:#f9cdf9;box-shadow:0 0 5px 2px rgba(0,0,0,.3);display:flex;flex-wrap:wrap;justify-content:flex-end;padding:0 1.5rem}.form-group{display:flex;flex-direction:column;margin:.5rem}.btn{background-color:#008cff;border:none;border-radius:3em;color:#fff;cursor:pointer;padding:.5rem 1em}.btn:hover{background-color:#08c}.form-group>label{color:#514f4f;font-size:.75rem;margin-bottom:.25rem}.card{align-items:center;background-color:#fff;background-image:linear-gradient(#ffc6ff,#ff24e9);border-radius:.25rem;box-shadow:0 0 5px 2px #000;cursor:pointer;display:flex;height:200px;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,0)) translateY(var(--translate-y,0));transform:perspective(1000px) rotateY(var(--rotate,0)) translateY(var(--translate-y,0));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.15s}.card:hover{--translate-y:-5px;box-shadow:0 0 5px 2px #000,0 0 10px 3px #000}.card.flip{--rotate:180deg}.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)}.front-options{margin-top:.5rem}.option{color:#292929;font-size:.85rem;margin-top:.25rem}.option:first-child{margin-top:0}
/*# sourceMappingURL=main.60a0b6b6.css.map*/