.kiyaku-div{color:black;background-color:azure;margin-top:10px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;box-sizing:border-box;padding:12px 18px;background-color:#9ee6e6;border-radius:30px;background-image:linear-gradient(160deg, rgba(0,81,255,0.8) 0%, rgba(2,249,208,0.979) 100%);opacity:0.9}.header .heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.header .heading .logo{font-size:16px;text-decoration:none;font-weight:600;background-color:#d1e6fc;color:#090476;border:4px solid #7d7df9;border-radius:10px;padding:8px}.header .heading .ruby-logo{font-size:16px;text-decoration:none;font-weight:600;background-color:#d1e6fc;color:#c70812;border:4px solid #7d7df9;border-radius:10px;padding:8px}.header .heading .orange-logo{font-size:16px;text-decoration:none;font-weight:600;background-color:#d1e6fc;color:#e16004;border:4px solid #7d7df9;border-radius:10px;padding:8px}.header .heading .green-logo{font-size:16px;text-decoration:none;font-weight:600;background-color:#d1e6fc;color:#03870e;border:4px solid #7d7df9;border-radius:10px;padding:8px}.header .heading .chapter-logo{font-size:16px;text-decoration:none;font-weight:600;background-color:#0c7ef8;color:#fff;border:4px solid blue;border-radius:10px;padding:8px}.header .nav .header-lists{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none}.header .nav .header-lists .yubi{font-size:18px}.header .nav .header-lists .top_page_btn{font-size:16px;text-decoration:none;font-weight:600;margin-right:3vw;background-color:#0c7ef8;border:4px solid blue;border-radius:10px;padding:10px;color:#6b53ba}.header .nav .header-lists .signin_btn{display:inline-flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;font-weight:600;min-height:44px;background-color:#dcddc3;color:#b706ce;border:4px solid #0303ec;border-radius:10px;padding:0 14px}.header a{text-decoration:none}.footer{width:100vw;background-color:azure;margin-bottom:0;background-image:linear-gradient(160deg, rgba(0,81,255,0.8) 0%, rgba(2,249,208,0.979) 100%);opacity:0.9;border-radius:30px}.copyright{line-height:30px;text-align:center;font-size:16px;font-weight:600;color:#434141}.guid-div{position:relative;padding:5px;background-color:#bbfcfc;border:14px solid #def604;border-radius:50px}.guid-div .guid-comment{font-size:27px;font-weight:300;color:#1809e9;border-radius:20px;padding:10px;text-align:left}.guid-div .guid-comment3{font-size:27px;font-weight:300;color:#180385;border-radius:20px;padding:10px;text-align:center}.guid-div .guid-comment2{font-size:40px;font-weight:600;color:#f76402;border-radius:20px;padding:10px;text-align:center}.emp-dib .guid-comment{font-size:27px;font-weight:300;color:#1809e9;border-radius:20px;padding:10px;text-align:left}.top-main{position:relative;width:calc(100% - 10px);min-height:calc(100vh - 100px);overflow-y:scroll;background-image:url(/assets/drill-top-8486c30f44fe1454494cac37962f9aa350a2bb11b3d64515b7e5e52ef00d881e.png);background-size:100% 100%;background-position:0;opacity:0.9;margin:0 5px;box-sizing:border-box}.top-main .drill-index-comment{position:absolute;top:60%;left:10%;font-size:24px;font-weight:600;color:#f8f8fb;background-image:linear-gradient(160deg, rgba(0,0,255,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);height:30px;text-align:center;padding:10px 30px;border:10px solid orange;border-radius:80px;opacity:0.9}.top-main .pop1-div{position:absolute;top:82%;left:24%}.top-main .pop1-div .pop-img{margin-left:10px;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .pop2-div{position:absolute;top:82%;left:52%}.top-main .pop2-div .pop-img{margin-left:10px;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .pop3-div{position:absolute;top:82%;left:80%}.top-main .pop3-div .pop-img{margin-left:10px;width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo-div{position:absolute;top:25%;left:15%;display:flex}.top-main .robo-div .robo-img{margin-left:10px;width:140px;height:140px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .top-chance{position:absolute;top:20%;left:75%;font-size:24px;font-weight:600;color:black;background-image:linear-gradient(160deg, rgba(214,225,7,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);width:20%;height:73%;text-align:center;padding:10px 30px;border:10px solid #f05902;border-radius:80px;opacity:0.9}.top-main .top-chance2{position:relative;z-index:2;width:min(900px, calc(100% - 32px));min-height:96px;margin:24px auto 0;font-size:22px;line-height:1.45;font-weight:600;color:#f90303;background-image:linear-gradient(160deg, rgba(214,225,7,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);text-align:center;padding:20px 24px;border:10px solid #f05902;border-radius:36px;opacity:0.9}.top-main .top-chance3{position:absolute;top:26%;left:78%;font-size:30px;font-weight:600;color:#2c03f9;background-image:linear-gradient(160deg, rgba(161,241,233,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);width:16%;height:500%;text-align:center;padding:16px 30px;border:10px solid #f8f805;border-radius:80px;opacity:0.9}.top-main .top-comment{position:absolute;top:3%;left:10%;font-size:24px;font-weight:600;color:#f8f8fb;background-image:linear-gradient(160deg, rgba(0,0,255,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);height:80px;text-align:center;padding:10px 30px;border:10px solid #02f0c0;border-radius:80px;opacity:0.9}.top-main .importance-btn{width:200px;min-height:52px;text-align:center;font-size:18px;font-weight:600;color:#c70812;background-color:azure;padding:10px 18px;border-width:5px;border-radius:999px;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),12px 16px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .guide-btn{width:200px;min-height:52px;text-align:center;font-size:18px;font-weight:600;color:#c70812;background-color:azure;padding:10px 18px;border-width:5px;border-radius:999px;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),12px 16px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .emp-btn{position:absolute;top:5%;left:5%;transform:translate(-50%, -50%);width:200px;height:50px;text-align:center;font-size:20px;font-weight:600;color:#c70812;background-color:azure;padding:5px;border-width:7px;border-radius:50%;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .alert-div{width:100%;min-height:20px;font-size:15px;font-weight:600;color:#1809e9;margin-right:10px;background-color:#dcddc3;border-radius:10px;padding:10px;text-align:center;box-sizing:border-box}.top-main .ruby-btn{width:100%;min-height:88px;text-align:center;font-size:30px;font-weight:900;color:#c70812;padding:18px 22px;border-width:10px;border-radius:28px;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),18px 24px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .python-btn{width:100%;min-height:88px;text-align:center;font-size:24px;font-weight:900;color:#c70812;padding:18px 22px;border-width:8px;border-radius:24px;border-color:#f5cd04;box-shadow:inset 0 0 1px rgba(237,235,136,0.9),18px 24px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .dl-btn{width:100%;min-height:88px;text-align:center;font-size:24px;font-weight:900;color:#c70812;padding:18px 22px;border-width:8px;border-radius:24px;border-color:#f5cd04;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),18px 24px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .go-btn{width:100%;min-height:88px;text-align:center;font-size:24px;font-weight:900;color:#c70812;padding:18px 22px;border-width:8px;border-radius:24px;border-color:#f5cd04;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),18px 24px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .chapte-importance-btn{position:absolute;top:35%;left:78%;width:200px;height:50px;text-align:center;font-size:20px;font-weight:600;color:#c70812;background-color:azure;padding:5px;border-width:7px;border-radius:50%;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),25px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .chapter-guide-btn{position:absolute;top:50%;left:78%;width:200px;height:50px;text-align:center;font-size:20px;font-weight:600;color:#c70812;background-color:azure;padding:5px;border-width:7px;border-radius:50%;border-color:aqua;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),25px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .show-chapter{font-size:24px;font-weight:bold;margin-left:15%;margin-bottom:5px;margin-top:1%;color:#eb3604}.top-main .robo1-div{position:fixed;top:15%;left:4%}.top-main .robo1-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo2-div{position:fixed;top:65%;left:70%}.top-main .robo2-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo3-div{position:fixed;top:50%;left:5%}.top-main .robo3-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo4-div{position:fixed;top:75%;left:80%}.top-main .robo4-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo5-div{position:fixed;top:75%;left:5%}.top-main .robo5-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .robo6-div{position:fixed;top:15%;left:73%}.top-main .robo6-div .robo-img{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.top-main .chapter{font-size:28px;font-weight:600;margin-left:17%;margin-bottom:5px;margin-top:1%;color:black}.top-main .chapter-btn{width:min(760px, calc(100% - 80px));min-height:56px;text-align:left;margin-bottom:1px;margin-top:5px;margin-left:calc(15% + 15px);padding:10px 16px;font-size:20px;font-weight:500;color:white;border-width:6px;border-radius:16px;border-color:#09f6fa;background-image:linear-gradient(160deg, rgba(0,0,255,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),14px 14px 5px rgba(60,5,241,0.35);opacity:0.9}.top-main .chapter-btn2{width:50%;height:40px;text-align:left;margin-bottom:1px;margin-top:5px;margin-left:calc(15% + 50px);font-size:20px;font-weight:300;border-width:0.2cm;border-radius:0.2cm;border-color:aqua;opacity:0.9}.top-main .chapter-drill_title{width:min(700px, calc(100% - 120px));min-height:24px;text-align:left;margin-bottom:1px;margin-top:5px;margin-left:calc(15% + 50px);font-size:20px;font-weight:500;color:white;padding:5px;background-color:#0593e5;border-width:4px;border-radius:12px;border-color:aqua;opacity:0.9}.landing-main{padding:16px 16px 40px}.landing-main .landing-action-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2, minmax(260px, 1fr));gap:22px;width:min(980px, calc(100% - 32px));margin:220px auto 0}.landing-main .landing-action-grid form,.landing-main .landing-link-row form{position:relative;margin:0}.landing-main .landing-link-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:min(980px, calc(100% - 32px));margin:22px auto 0}.landing-main .pop1-div,.landing-main .pop2-div,.landing-main .pop3-div{top:auto;bottom:-10px;left:auto;right:-6px}@media (max-width: 900px){.header{flex-direction:column;align-items:stretch}.header .nav .header-lists{justify-content:flex-start}.landing-main .landing-action-grid{grid-template-columns:1fr;margin-top:180px}.top-main .top-chance2{font-size:18px;min-height:auto}.top-main .ruby-btn,.top-main .python-btn,.top-main .dl-btn,.top-main .go-btn{font-size:22px;min-height:74px}.top-main .chapter-btn,.top-main .chapter-drill_title{width:calc(100% - 36px);margin-left:18px}}.drill-create-main-div{width:calc( 100% - 30px );height:calc( 100% - 30px );border:15px solid #88f8f8;border-bottom-color:#228282;border-right-color:#228282;border-radius:15px}.drill-create-main-div .drill-create-content-div{margin-top:2px;margin-left:2px;margin-right:2px;width:calc( 100% - 40px - 4px);height:calc( 60% - 40px - 2px);border:10px solid #afd1f1;border-right-color:#55a1e9;border-bottom-color:#55a1e9;border-radius:10px;padding:10px;background-color:#d7e8f8;color:black;font-size:15px}.drill-create-main-div .drill-create-content-div .drill_title-form-div{display:flex}.drill-create-main-div .drill-create-content-div .drill_title-form-div .drilltitleid-text-area{width:5%;height:10%}.drill-create-main-div .drill-create-content-div .drill_title-form-div .drilltitle-text-area{width:95%;height:10%}.drill-create-main-div .drill-create-content-div .drill-text-area{width:100%;height:40%}.drill-create-main-div .drill-create-content-div .level-text-area{width:100%;height:10%}.drill-create-main-div .drill-create-content-div .link-text-area{width:100%;height:10%}.drill-create-main-div .drill-create-content-div .allowed_methods-text-area{width:100%;height:10%}.drill-create-main-div .drill-create-answer-div{display:flex;width:calc( 100% - 4px );height:calc( 50% - 40px - 16%);background-color:#4e778b;margin-left:2px;margin-bottom:4px}.drill-create-main-div .drill-create-answer-div .answer-text-area{width:calc( 50% - 40px );height:calc( 100% - 20px );border:10px solid #bfbec3;border-right-color:#5f5e61;border-bottom-color:#5f5e61;border-radius:10px;padding:10px}.drill-create-main-div .drill-create-answer-div .explanation-text-area{width:calc( 50% - 40px );height:calc( 100% - 20px );border:10px solid #bfbec3;border-right-color:#5f5e61;border-bottom-color:#5f5e61;border-radius:10px;padding:10px}.drill-create-main-div .new-create-button{width:calc( 100% - 4px);height:9%;border:10px solid #aaf6dd;border-right-color:#52f450;border-bottom-color:#52f450;border-radius:10px;padding:5px;margin-left:2px;margin-top:17px}.ex-show-comment{position:absolute;top:60%;left:10%;font-size:24px;font-weight:600;color:#f8f8fb;background-image:linear-gradient(160deg, rgba(0,0,255,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);height:30px;text-align:center;padding:10px 30px;border:10px solid #02f0c0;border-radius:80px;opacity:0.9}.robo1-ex-div{position:fixed;top:7%;left:55%}.robo1-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo2-ex-div{position:fixed;top:7%;left:83%}.robo2-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo3-ex-div{position:fixed;top:7%;left:62%}.robo3-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo4-ex-div{position:fixed;top:7%;left:90%}.robo4-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo5-ex-div{position:fixed;top:7%;left:76%}.robo5-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo6-ex-div{position:fixed;top:7%;left:69%}.robo6-ex-div .robo-img{width:80px;height:80px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.exercises-index-main{width:99vw;height:calc(100vh - 100px);overflow-y:scroll;background-image:url(/assets/drill-top-8486c30f44fe1454494cac37962f9aa350a2bb11b3d64515b7e5e52ef00d881e.png);background-size:100% 100%;background-position:0;opacity:1.0;margin:0 5px}.exercises-index-main .ex-index-comment{font-size:24px;font-weight:bold;margin-left:3%;margin-bottom:5px;margin-top:1%}.exercises-index-main .exercises-chapter{font-size:24px;font-weight:bold;margin-left:3%;margin-bottom:5px;margin-top:1%}.exercises-index-main .exercises-title{font-size:20px;font-weight:bold;margin-left:4%;margin-bottom:5px;margin-top:1%}.exercises-index-main .drill_title-btn{width:90%;min-height:96px;text-align:left;margin-top:10px;margin-left:5%;font-size:20px;color:black;font-weight:600;word-wrap:break-word;white-space:pre-wrap;overflow-y:auto;padding:14px 16px;border-width:6px;border-radius:16px;border-color:aqua;background-image:linear-gradient(160deg, rgba(139,208,242,0.8) 0%, rgba(2,249,208,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),14px 14px 5px rgba(60,5,241,0.35);opacity:0.9}.robo1-exshow-div{position:fixed;bottom:6%;left:4%}.robo1-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo2-exshow-div{position:fixed;bottom:6%;left:43%}.robo2-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo3-exshow-div{position:fixed;top:1%;left:56%}.robo3-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo4-exshow-div{position:fixed;bottom:6%;left:53%}.robo4-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo5-exshow-div{position:fixed;bottom:6%;left:93%}.robo5-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.robo6-exshow-div{position:fixed;top:1%;left:67%}.robo6-exshow-div .robo-img{width:50px;height:50px;border-radius:50%;box-shadow:inset 0 0 1px rgba(255,255,255,0.9),15px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.ex-show-comment{position:absolute;top:85%;left:7%;color:black;font-size:16x;font-weight:600;border:10px solid orange}.exercise-main-div{width:calc( 100% - 30px );min-height:calc( 100% - 30px );border:15px solid #88f8f8;border-bottom-color:#228282;border-right-color:#228282;border-radius:15px;box-sizing:border-box}.exercise-main-div .drill-content-div{margin-top:2px;margin-left:2px;margin-right:2px;width:calc( 100% - 40px + 4px);height:calc( 40% - 53px - 2px);border:10px solid #afd1f1;border-right-color:#55a1e9;border-bottom-color:#55a1e9;border-radius:10px;padding:5px;background-color:#d7e8f8;color:black;font-size:18x;font-weight:600;word-wrap:break-word;white-space:pre-wrap;overflow-y:scroll;background-image:linear-gradient(160deg, rgba(228,247,247,0.8) 0%, rgba(120,248,248,0.979) 100%);opacity:0.9}.exercise-main-div .drill-content-div .drill-content-level-div{font-size:18px;font-weight:600;color:#09093f}.exercise-main-div .drill-content-div .drill-content-methods-div{font-size:18px;color:#120fb8}.exercise-main-div .drill-content-link-div{width:100%;height:20px;margin-top:2px;background-color:#97f40c;border-radius:10px;font-weight:600;text-align:center}.exercise-main-div .drill-content-link-div .drill-content-link-a{font-size:18px;color:#b5240e;text-decoration:none;right:2px}.exercise-main-div .yoser-typing-div{display:flex;justify-content:space-between;align-items:stretch;gap:16px;width:100%;min-height:calc( 70vh - 140px);margin-top:10px}.exercise-main-div .yoser-typing-div .yoser-typing-div-input-div{display:flex;flex-direction:column;width:calc( 62% - 8px );min-height:100%;margin:2px;opacity:0.9}.exercise-main-div .yoser-typing-div .yoser-typing-div-input-div .input-text-area{font-weight:600;width:calc( 100% - 40px );min-height:520px;flex:1 1 auto;border:10px solid #bfbec3;border-right-color:#5f5e61;border-bottom-color:#5f5e61;border-radius:10px;font-size:18px;line-height:1.6;resize:vertical;color:blue;padding:10px;background-image:linear-gradient(160deg, rgba(245,247,249,0.8) 0%, rgba(77,86,84,0.979) 100%);opacity:1.0}.exercise-main-div .yoser-typing-div .yoser-typing-div-input-div .run-script-button{width:100%;min-height:48px;margin-top:12px;margin-bottom:1px;font-size:18px;font-weight:bold;color:blue;border-width:0.2cm;border-radius:0.2cm;border-color:#bfbec3;border-right-color:#5f5e61;border-bottom-color:#5f5e61;background-color:#b3f8f8;background-image:linear-gradient(160deg, rgba(245,247,249,0.8) 0%, rgba(77,86,84,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),25px 25px 5px rgba(60,5,241,0.5);opacity:0.9}.exercise-main-div .yoser-typing-div .yoser-typing-div-output-div{display:flex;flex-direction:column;width:calc( 38% - 8px );min-height:100%;margin:3px;opacity:0.9}.exercise-main-div .yoser-typing-div .yoser-typing-div-output-div .output-text{margin:0px;width:calc( 100% - 40px );min-height:400px;flex:1 1 auto;border:10px solid #bfeabb;border-right-color:#d76a04;border-bottom-color:#d76a04;border-radius:10px;word-wrap:break-word;white-space:pre-wrap;overflow-y:scroll;background-color:black;color:#f80202;font-size:18px;font-weight:600;padding:15px;background-image:linear-gradient(160deg, rgba(248,222,182,0.8) 0%, rgba(221,241,8,0.979) 100%);opacity:1.0}.exercise-main-div .yoser-typing-div .yoser-typing-div-output-div .answer-button{margin-top:12px;width:100%;min-height:48px;font-size:18px;font-weight:bold;color:#f73f5d;border-width:0.2cm;border-radius:0.2cm;border-color:#bfeabb;border-right-color:#d76a04;border-bottom-color:#d76a04;background-color:#e1f4bc;background-image:linear-gradient(160deg, rgba(234,147,8,0.8) 0%, rgba(221,241,8,0.979) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,0.9),25px 25px 5px rgba(60,5,241,0.5);opacity:0.9}@media (max-width: 900px){.exercise-main-div .yoser-typing-div{flex-direction:column;min-height:auto}.exercise-main-div .yoser-typing-div .yoser-typing-div-input-div,.exercise-main-div .yoser-typing-div .yoser-typing-div-output-div{width:100%}.exercise-main-div .yoser-typing-div .yoser-typing-div-input-div .input-text-area{min-height:420px}.exercise-main-div .yoser-typing-div .yoser-typing-div-output-div .output-text{min-height:260px}}