body{background-color:#fff;font-family:Arial,sans-serif}.app{background-color:#fff0f5;border-radius:10px;box-shadow:0 0 10px #0000000d;margin:0 auto;max-width:500px;min-height:100vh;overflow:hidden;position:relative;width:100%}header{align-items:center;background-color:pink;border-radius:10px 10px 0 0;box-shadow:0 2px 4px #0000000d;display:flex;padding:10px}.header-left{flex:1 1}.header-left h6{color:#8b0000;font-family:Arial,sans-serif;font-size:16px;line-height:1.2;margin:0}.header-center{display:flex;flex:2 1;justify-content:center}.header-center a{color:#666;font-size:12px;margin:0 12px;text-decoration:none}.header-right{display:flex;flex:1 1;justify-content:flex-end}.header-right div{align-self:center;color:#8b0000;cursor:pointer;font-size:14px}main{padding:20px}.top-buttons{display:flex;justify-content:center;margin-bottom:20px}.pill-button{background-color:#e0e0e0;border:none;border-radius:50px;color:#666;cursor:pointer;margin:0 10px;padding:10px 20px}.pill-button.active{background-color:#d6336c;color:#fff}.flashcard{align-items:center;display:flex;flex-direction:column}.flashcard-box{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;height:100px;margin-bottom:20px;max-width:300px;overflow:hidden;padding:20px;position:relative;text-align:center;width:90%}.mnemonics-box{height:250px}.flashcard-box p{color:#333;margin:10px 0}.flashcard-box button{background-color:#d6336c;border:none;border-radius:5px;color:#fff;cursor:pointer;left:50%;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%)}#meaning-text,#mnemonics-text{margin-top:10px;position:relative;text-align:center;top:50%;transform:translateY(-50%)}#mnemonics-text p{font-size:13px;margin:5px 0}.sign-in-instruction{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.sign-in-instruction p{color:#8b0000;font-size:1.2em;text-align:center}.bottom-buttons{display:flex;justify-content:space-between;margin-top:12px;position:relative}.bottom-buttons button{background-color:#d6336c;border:none;border-radius:5px;box-shadow:0 2px 4px #0000000d;color:#fff;cursor:pointer;padding:15px 20px;width:48%}@media (max-width:768px){.header-left h6{font-size:18px}.header-right div{font-size:14px}.pill-button{font-size:12px;padding:8px 16px}.flashcard-box{height:90px;padding:15px}.mnemonics-box{height:225px}.flashcard-box button{font-size:12px;padding:8px 16px}.bottom-buttons button{font-size:12px;padding:12px 16px}}@media (max-width:480px){.header-left h6{font-size:16px}.header-right div{font-size:12px}.pill-button{font-size:10px;padding:6px 12px}.flashcard-box{height:75px;padding:10px}.mnemonics-box{height:187.5px}.flashcard-box button{font-size:10px;padding:6px 12px}.bottom-buttons button{font-size:10px;padding:10px 12px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.1dd9578d.css.map*/