@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{font-family:Lato,sans-serif;margin:0;min-height:100%}a,body{color:#000}.container{margin:1rem 2rem}.header{background-color:gray;box-shadow:0 0 5px 2px #0000004d;flex-wrap:wrap;justify-content:end;padding:0 1.5rem;position:relative}.footer,.header{align-items:center;display:flex}.footer{background-color:#f5f5f5;flex-direction:row;gap:1rem;justify-content:center}.form-group{display:flex;flex-direction:column;margin:.5rem}.form-group>label{color:#f5f5f5;font-size:1.25rem;margin-bottom:.25rem}.btn{background-color:#2bbf7f;border:none;border-radius:.3em;color:#f5f5f5;cursor:pointer;padding:.5em 1em}.btn:hover{background-color:#135337}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card,.card-grid{align-items:center}.card{background-color:#f5f5f5;border-radius:.25rem;box-shadow:0 0 5px 2px #0000004d;cursor:pointer;display:flex;justify-content:center;position:relative;transform:perspective(1000px) rotateY(0) translateY(0);transform:perspective(1000px) rotateY(var(--rotate-y,0)) translateY(var(--translate-y,0));transform-style:preserve-3d;transition:.15s}.card:hover{--translate-y:-3px;box-shadow:0 0 5px 2px #0009}.card.flip{--rotate-y:180deg}.card .front{left:0}.card .back,.card .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1rem;position:absolute}.card .back{transform:rotateY(180deg)}.flashcard-options{margin-top:.5rem}.flashcard-option{color:#555;font-size:1rem;margin-top:.25rem}.flashcard-option:first-child{margin-top:0}.crop{height:200px;overflow:hidden;width:275px}.crop img{height:300px;margin:-75px 0 0 -100px;width:475px}
/*# sourceMappingURL=main.a6c817c4.css.map*/