*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{background:#fdfdfd;background:var(--white);height:100%;overflow-x:hidden;overflow-y:auto;width:100%}:root{--white:#fdfdfd;--blue:#333f51;--yellow:#e7c174;font-family:Roboto Condensed}#root{height:100%;width:100%;z-index:5}#root,.flex-row{display:flex;justify-content:center}.flex-row{align-items:center;flex-direction:row;gap:10px}.flex-col,.row-start{justify-content:flex-start}.flex-col{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.title{color:#333f51;color:var(--blue);font-family:Roboto;font-size:2.7rem}.title-small{font-size:2rem}h2{font-family:Roboto Condensed;font-weight:500}h2,p{color:#333f51;color:var(--blue)}a{text-decoration:none}.loader{max-height:300px;max-width:300px}.button-yellow{background:#e7c174;background:var(--yellow);border:none;border-radius:25px;color:#fdfdfd;color:var(--white);padding:8px 18px}.button-blue,.button-yellow{cursor:pointer;font-size:1.4rem;font-weight:500;margin-top:15px}.button-blue{background:#0000;border:2px solid #333f51;border:2px solid var(--blue);border-radius:25px;color:#333f51;color:var(--blue);padding:6px 18px}.letters{font-family:Roboto Condensed;overflow:hidden}ul{list-style-type:none}.form-elem,form{margin-top:10px}.form-elem{position:relative;width:80%}.form-elem label{font-size:1.1rem}input,select{background:#0000;border:none;color:#e7c174;color:var(--yellow);font-size:1rem;font-weight:600;margin-left:10px;padding:1px;width:16ch}select{cursor:pointer;width:-webkit-max-content;width:max-content}input::placeholder{color:#e7c174;color:var(--yellow);opacity:.6}input:focus,select:focus{outline:none}.number-input{width:7ch}.form-warning{color:red;font-size:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.nav-logo{height:2.7rem;margin-top:-.6rem;width:-webkit-max-content;width:max-content}.nav-logo svg{height:100%;width:100%}.navbar{align-items:space-between;display:flex;flex-direction:row;font-weight:500;justify-content:space-between;left:50%;max-width:1400px;opacity:0;padding:20px 50px;position:fixed;top:0;transform:translateY(-100px);width:100%;z-index:10}.navbar-items{gap:30px}.navbar-login{cursor:pointer;gap:5px;justify-content:flex-start;margin-top:50px}.navbar-login svg{height:1.6rem;width:1.6rem}.navbar-login svg,.navbar-login svg path{stroke:#fdfdfd;stroke:var(--white)}.navbar-login p{color:#fdfdfd;color:var(--white);font-size:1.8rem}.navbar p{cursor:pointer}.no-navbar{display:none}.navbar-toggler{height:auto;opacity:0;position:fixed;right:10px;top:10px;transform:translateX(120%);width:50px;z-index:100}.toggler-line{background:#333f51;background:var(--blue);border-radius:8px;height:7px;left:0;position:absolute;top:0;transform-origin:right top;width:100%}.toggler-line:nth-child(2){top:14px}.toggler-line:last-child{top:28px}@media screen and (min-width:1100px){.navbar-login{margin-top:0}.navbar-login svg{height:1.2rem;width:1.2rem}.navbar-login svg,.navbar-login svg path{stroke:#333f51;stroke:var(--blue)}.navbar-login p{color:#333f51;color:var(--blue);font-size:1rem}}.navbar-open{align-items:center;animation:comeIn .4s ease;background:#333f51;background:var(--blue);color:#fdfdfd;color:var(--white);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10}@keyframes comeIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.navbar-open-items p{color:#fdfdfd;color:var(--white);font-size:1.8rem;margin-top:15px}.intro{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;overflow:hidden;width:100%}.intro,.intro1{position:relative}.intro1{max-width:1400px;min-height:100vh;width:100vw;z-index:5}.intro1:after{background:url(/static/media/background-mobile.8e8654228f7ccba2cc80.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;mask-image:linear-gradient(180deg,#fff6 50%,#fff3,#0000);-webkit-mask-image:linear-gradient(180deg,#fff6 50%,#fff3,#0000);position:absolute;top:0;width:100%;z-index:-1}.book{height:auto;overflow:hidden;width:100%}.book svg{height:100%;margin-left:-5%;width:110%}.welcome-text-container{flex-grow:1;max-width:500px;position:relative;width:100%}@media screen and (min-width:500px) and (max-width:1110px){.book{bottom:0;height:80vh;position:absolute;right:0;width:auto}.welcome-text-container{flex-grow:1;margin-left:60px;margin-top:80px;max-width:500px;position:relative;width:100%}}@media screen and (min-width:1100px){.intro1:after{display:none}.intro1{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}.book{height:90vh;overflow:visible;position:relative;width:auto}.book:after{background:url(/static/media/background-mobile.8e8654228f7ccba2cc80.png);background-position:50%;background-size:cover;content:"";height:120%;left:-15%;mask-composite:intersect;-webkit-mask-composite:source-in;mask-image:linear-gradient(270deg,#0000,#fff 20%,#fff 80%,#fff9,#0000),linear-gradient(180deg,#0000,#fff 40%,#fff 70%,#0000);-webkit-mask-image:linear-gradient(270deg,#0000,#fff 20%,#fff 70%,#0000),linear-gradient(180deg,#0000,#fff 40%,#fff 90%,#fff9,#0000);position:absolute;top:-20%;width:120%;z-index:-1}.welcome-text-container{margin-left:30px}}.intro2,.intro3,.intro4{display:flex;flex-direction:column;justify-content:center;max-width:1400px;min-height:100vh;padding:50px 20px 20px;position:relative;width:100%;z-index:5}.intro2:after{background:url(/static/media/background-mobile2.1d08ca01f5645d16e9aa.jpeg);background-position:50%;background-size:cover;content:"";height:100%;left:0;mask-image:linear-gradient(180deg,#fff3 50%,#fff);-webkit-mask-image:linear-gradient(180deg,#fff3 50%,#fff);position:absolute;top:0;width:100%;z-index:-1}.box{margin-top:30px;max-width:500px}.box p{font-size:1rem;margin-top:5px;padding:2px}@media screen and (min-width:1100px){.intro2:after{background:url(/static/media/background-mobile2.1d08ca01f5645d16e9aa.jpeg);background-position:bottom;background-size:cover;bottom:0;height:400px;left:auto;mask-composite:intersect;-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#ffffff1a,#fff 50%),linear-gradient(90deg,#ffffff1a,#fff 20%,#fff 80%,#ffffff1a);-webkit-mask-image:linear-gradient(180deg,#ffffff1a,#fff 50%),linear-gradient(90deg,#ffffff1a,#fff 20%,#fff 80%,#ffffff1a);right:0;top:auto;width:70%}.intro2,.intro3,.intro4{padding:50px}}.intro3{background:#333f51;background:var(--blue);height:auto;max-width:100%;min-height:100vh;padding-bottom:50px;padding-top:50px;width:100vw}.intro3 h2{color:#fdfdfd;color:var(--white);font-size:1.5rem}.subjects{display:flex;flex-wrap:wrap;gap:50px 100px}.subject{border:1px dashed #fdfdfd;border:1px dashed var(--white);border-radius:8px;display:flex;flex-direction:column;gap:5px;height:auto;justify-content:center;margin-top:30px;max-width:280px;min-height:150px;padding:8px;position:relative;width:80%}.subject:hover img{transform:scale(1.08) translateY(-50%) translateX(50%);transition:.3s ease}.subject p{color:#fff9;margin-top:5px;width:80%}.subject img{height:100%;position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(50%);transition:.3s ease}@media screen and (min-width:1100px){.subjects{display:flex;flex-wrap:wrap;gap:50px 100px}.subject{height:200px}.intro3{align-items:center;display:flex;justify-content:center}}.intro4{display:flex;flex-direction:column;justify-content:center}.intro4:after{background:url(/static/media/background-mobile.8e8654228f7ccba2cc80.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;mask-image:linear-gradient(180deg,#fff3 50%,#fff);-webkit-mask-image:linear-gradient(180deg,#fff3 50%,#fff);position:absolute;top:0;width:100%;z-index:-1}.quiz-text{max-width:400px}.quiz-image{align-items:center;display:flex;height:auto;justify-content:center;margin-top:20px;position:relative;width:100%}.quiz-image svg{height:100%;width:100%}@media screen and (min-width:1100px){.intro4{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.intro4:after{display:none}.quiz-image{height:60vh;margin-top:0;opacity:.7;width:auto}.quiz-image:after{background:url(/static/media/background-mobile.8e8654228f7ccba2cc80.png);background-position:50%;background-size:cover;content:"";height:150%;left:-25%;mask-composite:intersect;-webkit-mask-composite:source-in;mask-image:linear-gradient(270deg,#0000,#fff 20%,#fff 80%,#fff9,#0000),linear-gradient(180deg,#0000,#fff 20%,#fff 90%,#fff9,#0000);-webkit-mask-image:linear-gradient(270deg,#0000,#fff 20%,#fff 80%,#fff9,#0000),linear-gradient(180deg,#0000,#fff 20%,#fff 90%,#fff9,#0000);position:absolute;top:-25%;width:150%;z-index:-1}}.footer{display:none;height:auto;min-height:60vh;padding:50px 20px;position:relative;width:100%}.footer:after{background:url(/static/media/background-mobile.8e8654228f7ccba2cc80.png);background-position:50%;background-size:cover;bottom:0;content:"";height:100vh;left:0;position:absolute;width:100%;z-index:-1}.quiz-intro p{margin-top:20px;width:60vw}.start-warning{animation:slideIn .3s ease;background:#333f51;background:var(--blue);border-radius:8px;bottom:10px;left:50%;max-width:500px;min-width:300px;padding:10px;position:fixed;text-align:center;transform:translateX(-50%);width:auto}.start-warning p{color:#fdfdfd;color:var(--white)}@keyframes slideIn{0%{transform:translateX(-50%) translateY(150%)}to{transform:translateX(-50%) translateY(0)}}.answer-grid{grid-row-gap:10px;grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;margin-top:10px;position:relative;row-gap:10px;width:100%}.answer-grid div{align-items:center;border:1px solid #333f51;border:1px solid var(--blue);border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:20px}.quiz-next-question button{font-size:.8rem}.test-div{display:block;height:auto;padding:80px 20px}.exercise,.test-div{max-width:1400px;width:100vw}.exercise{min-height:100vh;padding:80px 20px 20px}@media screen and (min-width:1100px){.test-div{padding:80px 50px}.exercise{padding:80px 50px 50px}}.exercise-loader{height:100vh;margin-top:-80px;width:100%}.exercise-builder{width:100%}.exercise-del{justify-content:flex-start}.exercise-del button{font-size:.6rem}.test-sentence{margin-top:30px}.test-sentence,.test-sentence-kasus{cursor:pointer;display:flex;flex-wrap:wrap;font-size:2rem;width:100%}.test-sentence-kasus{margin-top:20px}.test-sentence{-webkit-tap-highlight-color:transparent;tap-highlight-color:#0000;outline:none}.question-text{margin-top:10px}.confirmation{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:300}.confirmation p{width:auto}.fixed-button{bottom:20px;left:20px;position:absolute}@media screen and (min-width:1100px){.fixed-button{left:50px}}@media screen and (min-width:1400px){.fixed-button{left:calc(50vw - 650px)}}.all-questions-small{align-items:flex-start;background:#fdfdfd;background:var(--white);flex-direction:column;justify-content:flex-start;overflow:auto;padding:20px;scrollbar-width:none}.question-item{color:#333f51;color:var(--blue);cursor:pointer;font-size:1.4rem;margin-top:20px;width:90%}.question-item:hover span{transform:translateX(5px) scale(1.1);transition:.3s ease}.edit-text{color:#e7c174;color:var(--yellow);cursor:pointer}.edit-text span{display:inline-block}.edit-text:hover{text-decoration:underline;transition:.3s ease}.edit-text:hover span{transform:translateX(5px) scale(1.1);transition:.3s ease}.question-item:hover .edit-text{text-decoration:underline;transition:.3s ease}.question-flex{flex-wrap:wrap;justify-content:flex-start;width:auto}.admin p{margin-top:10px}.start-warning p{margin-top:0!important}.admin-loader{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.admin-form-elem{font-size:1.5rem;margin-top:30px}.admin-form-elem input{border-bottom:2px solid var(--yellow);font-size:1.3rem;margin:0;max-width:90vw;width:200px}.admin-panel{margin-top:30px;width:80%}.admin-panel,.exercise-builder{max-width:500px}.sentence-input{border:1px solid #ccc;border-radius:4px;font-size:16px;height:100px;line-height:1.4;margin-top:5px;overflow:auto;padding:8px;resize:none;width:100%}.exercise-elem{margin-top:20px}.exercise-list{margin-bottom:30px;margin-top:30px;max-width:500px;width:80vw}.skeleton{background-color:#e0e0e0;border-radius:6px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;width:150%}@keyframes shimmer{to{left:150%}}.skeleton-box{height:30px;width:70%}.box-big{height:50px}.box2{height:20px;width:40%}.skeleton-circle{border-radius:50%;height:50px;width:50px}.skeleton-circle img{height:90%}.skeleton-title{height:2rem;width:80%}.skeleton-text{height:1rem;margin-bottom:30px;width:50%}.star{color:#ccc;font-size:16px}.star.filled{color:var(--blue)}.sentence span{padding:2px}.verb-found{background:#2e8b57!important;padding:2px}
/*# sourceMappingURL=main.d193a600.css.map*/