.flashcard-wrapper{opacity:1;transition:opacity .3s ease-in-out}.flashcard-wrapper.fade-out{opacity:0}.flashcard{cursor:pointer;height:90vw;margin:1rem auto;max-height:320px;max-width:320px;perspective:1000px;width:90vw}.flashcard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#1b1b1b;border:3px solid #484848;border-radius:12px;box-shadow:0 2px 90px #ffffff4d;display:flex;font-size:clamp(1rem,3vw,1.2rem);height:100%;justify-content:center;padding:1rem;position:absolute;width:100%}.flashcard-back{transform:rotateY(180deg)}.flashcard-img{max-height:100%;max-width:100%}.flashcard-text{word-wrap:break-word;padding:1rem;text-align:center}*{box-sizing:border-box}*,:after,:before{margin:0;padding:0}html{font-size:100%;line-height:1.5}body{font-family:Arial,sans-serif}.sitetitle{color:#dbdbdb;font-size:2em;letter-spacing:.9em;margin:20px 0;text-align:center;text-transform:uppercase}body{background:#141414;color:#fff;font-family:system-ui,sans-serif;margin:0;padding:0}button{background:#f1f1f1;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:1rem;margin:.25rem;padding:.6em 1em}button:hover{background:#e2e2e2}progress{height:1rem;width:100%}@media (max-width:600px){.flashcard{max-height:95vw;max-width:95vw}button{margin:.25rem 0;width:100%}.button-row{align-items:stretch;display:flex;flex-direction:column}.progress-container{margin-bottom:1rem;width:100%}}.all-sentences-list{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;list-style:none;margin:0;padding:0;width:100vw}
/*# sourceMappingURL=main.af08aaa3.css.map*/