@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Yusei Magic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0;width:100%}*,:after,:before{box-sizing:border-box}.main-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Inter,sans-serif;font-size:24px;left:0;padding:20px 0;position:fixed;text-align:center;top:0;width:100%;z-index:1000}@media (max-width:600px){.header{font-size:18px;padding:10px 0}}body{align-items:center;background-color:#f4f4f4;background-image:url(https://firebasestorage.googleapis.com/v0/b/nomikaiwa-5a18a.appspot.com/o/images%2Fbackground.svg?alt=media&token=6a510b6a-e887-4ea1-a2e3-4c4928d13d48);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:0}.flashcard-header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:24px;font-weight:700;padding:15px 0;text-align:center}.flashcard{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;font-family:Yusei Magic,sans-serif;justify-content:space-between;margin:20px auto;max-width:700px;min-height:300px;min-width:700px;padding:30px;position:relative;width:90%}.flashcard-english,.flashcard-japanese{align-items:center;display:flex;flex:1 1;justify-content:center;opacity:0;text-align:center;transition:opacity .2s ease;visibility:hidden;width:100%}.flashcard-english p,.flashcard-japanese p{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;margin:0;width:100%}.flashcard-english.active,.flashcard-japanese.active{opacity:1;visibility:visible}.language-toggle{display:flex;gap:10px;margin-top:20px}.language-toggle button{background-color:#fff;border:solid;border-color:#333;border-radius:5px;cursor:pointer;font-family:Yusei Magic,sans-serif;padding:10px 15px;transition:background-color .2s ease}.language-toggle button:hover{background-color:#777;color:#fff}.language-toggle button.active{background-color:#333;color:#f2f2f2;pointer-events:none}.next-button{background-color:#66fcf1;border:none;border-radius:5px;bottom:-45px;color:#1f2833;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-weight:700;left:50%;padding:10px 30px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:background-color .2s ease}.next-button:hover{background-color:#58d4cb}@media (max-width:600px){.flashcard{margin:20px auto;max-width:375px;min-height:200px;min-width:375px;padding:20px;width:85%}.flashcard-english p,.flashcard-japanese p{font-size:18px}.next-button{padding:8px 25px}}.footer{background-color:#fff;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Yuji Syuku,sans-serif;font-size:24px;left:0;padding:15px 0;position:fixed;text-align:center;width:100%;z-index:1000}@media (max-width:600px){.footer{font-size:16px;padding:10px 0}}
/*# sourceMappingURL=main.19291681.css.map*/