.flashcard{cursor:pointer;height:350px;margin:8px 8px 8px 478px;perspective:1000px;width:450px}.flashcard .back,.flashcard .front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;display:flex;font-size:1rem;height:100%;justify-content:center;padding:10px;position:absolute;transition:transform .6s;width:100%}.flashcard .front{background:#fff;color:#000}.flashcard .back{background:#764ba2;color:#fff}.flashcard .back,.flashcard.flipped .front{transform:rotateY(180deg)}.flashcard.flipped .back{transform:rotateY(1turn)}.cards-container{display:flex;flex-wrap:wrap;gap:20px 12px;margin-bottom:40px}*{margin:0;padding:0}body{background-color:#fdfbfb;background:linear-gradient(135deg,#fdfbfb,#764ba2) no-repeat fixed;font-family:Inter,sans-serif;height:100vh}h1,h2,p{font-size:50px;margin-bottom:40px}button,h1,h2,p{text-align:center}button{background:linear-gradient(135deg,#6a4ba2,#b292d6);border:none;border-radius:20px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:15px 32px;text-decoration:none}.button:active,button:hover{background:linear-gradient(135deg,#764ba2,#a37fcf)}.button:active{box-shadow:0 4px 8px #0000001a;transform:translateY(4px)}input::placeholder{color:#7d6a9f;font-style:italic;opacity:1}input{border:2px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:.8rem;padding:.6rem;width:80%}form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:12px;box-shadow:0 8px 20px #00000026;margin:auto;max-width:400px;padding:1.2rem}.form-wrapper{margin-top:24px}.form-wrapper,.top-buttons{display:flex;justify-content:center}.top-buttons{background:#ffffffe6;box-shadow:0 2px 8px #00000026;gap:12px;left:0;padding:8px;position:fixed;top:0;width:100%;z-index:1000}.view-decks-button{background:#764ba2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:.2s}.back-button,.button-study{background:#764ba2;border:none;border-radius:8px;color:#fff;cursor:pointer;left:10px;padding:8px 16px;position:fixed;top:10px;z-index:1000}.button-know{background-color:#28a745;color:#fff;margin-left:650px;margin-top:40px}.button-dont-know{background-color:#dc3545;color:#fff;margin-left:550px;margin-top:40px}
/*# sourceMappingURL=main.7068cc8b.css.map*/