@import url(https://fonts.googleapis.com/css?family=Dancing+Script|Roboto);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}*{font-family:Jost,sans-serif}*,:after,:before{box-sizing:border-box}body{background:#ff4081/1.25;font-family:Roboto,arial;text-align:center}.face,.panda{margin:50px auto;position:relative;width:200px}.face{background:#fff;border-radius:100%;box-shadow:0 10px 15px rgba(0,0,0,.15);height:200px;z-index:50}.ear{left:-15px}.ear,.ear:after{background:#000;border:10px solid #fff;border-radius:100%;height:80px;position:absolute;top:-15px;width:80px;z-index:5}.ear:after{content:"";left:125px}.eye-shade{background:#000;border-radius:25px/20px 30px 35px 40px;height:80px;left:25px;margin:10px;position:absolute;top:35px;-webkit-transform:rotate(220deg);transform:rotate(220deg);width:50px}.eye-shade.rgt{left:105px;-webkit-transform:rotate(140deg);transform:rotate(140deg)}.eye-white{background:#fff;border-radius:100%;height:30px;left:40px;overflow:hidden;position:absolute;top:80px;width:30px;z-index:500}.eye-white.rgt{left:auto;right:40px}.eye-ball{height:0;left:20px;max-height:10px;max-width:10px;position:absolute;top:20px;transition:.1s;width:0}.eye-ball:after{border-radius:100%;bottom:0;content:"";width:20px}.eye-ball:after,.nose{background:#000;height:20px;position:absolute;right:0}.nose{border-radius:50px 20px/30px 15px;bottom:40px;left:0;margin:auto;-webkit-transform:rotate(15deg);transform:rotate(15deg);width:35px}.body{background:#fff;border-radius:100px 100px 100px 100px/126px 126px 96px 96px;box-shadow:0 5px 10px rgba(0,0,0,.3);height:282px;left:-20px;position:absolute;top:200px;width:250px}.hand{background:#000;height:40px;left:-25px;margin:5px;position:absolute;top:70px;width:50px}.hand,.hand:after,.hand:before{border-radius:50px;box-shadow:0 2px 3px rgba(0,0,0,.15)}.hand:after,.hand:before{content:"";height:30px;left:-5px;top:11px;width:40px}.hand:before{top:26px}.hand.rgt{left:auto;right:-25px}.hand.rgt:after,.hand.rgt:before{left:auto;right:-5px}.foot{background:#000;border-radius:40px 40px 39px 40px/26px 26px 63px 63px;box-shadow:0 5px 5px rgba(0,0,0,.2);height:120px;left:-80px;position:absolute;top:570px;width:82px;z-index:1400}.foot:after{bottom:10px;content:"";height:65px;left:0;margin:auto;right:0;width:55px}.finger,.foot:after{background:#222;border-radius:100%;position:absolute}.finger{height:35px;right:5px;top:10px;width:25px}.finger:after,.finger:before{background:#222;border-radius:100%;content:"";height:35px;position:absolute;right:30px;top:0;width:20px}.finger:before{right:55px;top:5px}.rgt{left:auto;right:-80px}.rgt .finger{left:5px;right:auto}.rgt .finger:after{left:30px;right:auto}.rgt .finger:before{left:55px;right:auto}form{background:#02798b;border:1px solid #eee;box-shadow:0 10px 15px rgba(0,0,0,.15);display:none;display:block;height:480px;margin:auto;max-width:400px;padding:40px;position:relative;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:.3s;z-index:500}form.up{-webkit-transform:translateY(-180px);transform:translateY(-180px)}h1{color:$primary;font-family:roboto,Arial}.btn{background:#fff;border:1px solid $primary;box-shadow:inset 0 50px $primary;color:#fff;cursor:pointer;height:35px;margin-top:25px;padding:5px;transition:.3s;width:150px}.btn:hover{box-shadow:inset 0 0 $primary;color:$primary}.btn:focus{outline:none}form .form-group{margin-bottom:15px;position:relative}form .form-group .form-control{background:#f0f0f0;border:none;border-radius:25px;color:#666;font-size:18px;height:50px;padding:5px 7px 5px 15px;width:100%}form .form-group .form-label{border-radius:25px;color:#999;cursor:text;font-size:18px;left:0;padding:5px 7px 5px 15px;position:absolute;top:0;transition:.25s ease}form .form-control:focus~.form-label,form .form-control:valid~.form-label{background:#ff4081;color:#fff;font-size:14px;left:-5px;padding:0 5px;top:-25px}form select.form-control{-webkit-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr9/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAyMDIzLTA2LTI5VDE0OjQ1OjU1KzAyOjAwGhnc1AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA2LTI5VDE0OjQ1OjU1KzAyOjAwfL8VRAAAABJ0RVh0UmVjb3JkIEZpbGUAMjAyMy0wNi0yOVQxNDoyNzoxOCswMjowMMpF2ZQAAAAASUVORK5CYII=);background-position:95%;background-repeat:no-repeat;padding-right:40px}form .btn{background:#7340ff;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:18px;height:5 0;transition:.25s ease;width:100%}form .btn:disabled{background:#ccc;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}.login-wrap{background:#ecf0f1;border-radius:5px;box-shadow:3px 3px 10px #333;display:flex;margin:0 auto;padding:15px;position:relative}.login-wrap:after{background:linear-gradient(90deg,#27ae60 0,#27ae60 20%,#8e44ad 0,#8e44ad 40%,#3498db 0,#3498db 60%,#e74c3c 0,#e74c3c 80%,#f1c40f 0,#f1c40f);border-radius:5px 5px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.chapter-text-container{flex:1 1}.chapter-image-container{border-left:2px solid #080d25;height:40%;margin-left:10px;max-height:300px;max-width:300px;padding-left:10px;width:40%}.chapter-image{max-height:100%;max-width:100%}body,html{height:100%;margin:0;padding:0}.result-container{flex-direction:column;height:100%}.result-container,.story-container{align-items:center;display:flex;justify-content:center}.story-container{padding:10px;position:relative;width:80%}.arrow-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:6px}.text-content{flex-grow:1;text-align:left}.text-content .highlighted-word{background-color:#ff0}.speech-button-container{display:flex;justify-content:flex-end;margin-bottom:10px}.speech-button{background-color:#3498db;border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.radio-container{gap:10px}.radio-box,.radio-container{display:flex;justify-content:space-between}.radio-box{background-color:#ecf0f1;border:1px solid #000;flex-direction:column;height:100%;padding:10px;transition:background-color .3s ease;width:150px}.radio-box:hover{background-color:blue;color:#fff}.radio-text{color:inherit;font-size:14px;transition:color .3s ease}.radio-box:hover .radio-text{color:#fff}.radio-button-label{text-align:center}button{background-color:initial;border:1px solid #000;color:inherit;cursor:pointer;display:inline-block;font-weight:700;padding:5px 10px;transition:color .3s ease}.radio-box:hover button{color:#fff}.speech-button{background-color:initial;color:#000;display:flex;font-size:20px;margin-left:300px}.error-message{align-items:center;background-color:#fcc;border:1px solid red;border-radius:5px;color:red;display:flex;padding:10px}.error-icon{font-size:24px;font-weight:700;margin-right:10px}.error-text{font-size:16px}.retry-component{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;display:flex;font-family:Arial,sans-serif;justify-content:center;padding:10px}.reload-icon{color:#f44336;font-size:18px;margin-right:10px}.error-text{flex:1 1}.retry-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-left:10px;padding:6px 12px;transition:background-color .3s,color .3s,border-color .3s}.retry-button:hover{background-color:#f9f9f9;border-color:#999}.left-aligned{float:left;width:200px}.email-not-verified{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:150px auto;max-width:400px;padding:55px;text-align:center}.email-not-verified h2{margin-top:0}.email-not-verified p{margin-bottom:0}
/*# sourceMappingURL=main.c05f5380.css.map*/