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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.app,body{background-position:50%;background-size:cover;height:100vh;overflow:hidden}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.header{display:flex;gap:15px;padding:10px 20px;position:absolute;right:0;top:0}.header-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;padding:10px 15px;text-decoration:none}.header-button:hover{background-color:#0056b3}.login-box{left:47.5%;top:200px}.language-selection-box,.login-box{border-radius:10px;padding:20px;position:absolute;transform:translateX(-50%)}.language-selection-box{left:50%;text-align:center;top:150px;width:350px}.language-selection-box,.login-box form{display:flex;flex-direction:column;width:100%}.login-box button,.login-box input{border-radius:5px;box-sizing:border-box;display:block;font-size:1.2em;margin-bottom:10px;padding:15px;width:130%}.login-box input{border:1px solid #ccc}.login-box button{background-color:#007bff;border:none;color:#fff;cursor:pointer}.login-box button:hover{background-color:#0056b3}.language-selection-box button{background-color:#007bff;border:none;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1.2em;margin:10px auto;max-width:350px;padding:10px;width:100%}.language-selection-box button:hover{background-color:#0056b3}.translation-verification{display:flex;height:100vh;width:100%}.side-menu{background-color:#f7f7f7;box-shadow:2px 0 5px #0000001a;flex-shrink:0;overflow-y:auto;padding:20px;width:250px}.side-menu h3{margin-top:0}.side-menu ul{list-style:none;padding:0}.side-menu ul li{cursor:pointer;padding:10px}.side-menu ul li.active{background-color:#007bff;color:#fff}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden;padding:20px}.phrase-container{border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;max-width:1000px;padding:20px;width:100%}.phrase,.translation{flex:1 1;font-size:28px;font-weight:700}.buttons{display:flex;justify-content:space-between;margin-top:20px;max-width:1000px;width:100%}.correct,.not-sure,.wrong{border:none;cursor:pointer;flex:0 0 auto;font-size:24px;margin:10px;padding:20px}.correct{background-color:green;color:#fff}.wrong{background-color:red;color:#fff}.not-sure{background-color:grey;color:#fff}.edit-container{margin-top:20px}.edit-container input{font-size:24px;padding:10px}.edit-container button{font-size:24px;margin-left:10px;padding:10px 20px}.modal-overlay{align-items:center;background-color:#000c;color:#fff;display:flex;font-size:5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.side-menu h3{margin-bottom:20px;margin-top:20px}.status-bar{background-color:#f7f7f7;border-top:1px solid #ccc;bottom:0;font-size:1.2em;left:0;padding:10px;position:fixed;text-align:center;width:100%}.add-phrase-container{padding-top:20px}.add-phrase-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.audio-recorder-button{font-size:16px;padding:10px 20px}.audio-recorder-button.record-again{background-color:grey;color:#fff;margin-right:10px}.audio-recorder-button.submit-and-continue{background-color:green;color:#fff}
/*# sourceMappingURL=main.1958a639.css.map*/