.main_wrapper{background-color:#6b6a6a;padding:0;margin:0;min-height:300px}.main_page,.main_wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.main_page{background-color:#fff;min-height:100svh}.content{padding:10px 10px 10px 20px;max-width:900px;min-width:calc(200px + 35vw)}.media_content{min-width:350px;max-width:900px;background-color:#add8e6;min-height:500px;margin:5px;border-radius:10px}.text_how_it_works{width:100%;font-size:1.6em;font-weight:700;margin-left:10px;margin-top:70px;margin-bottom:20px}.card_wrapper{border:1px solid #e4e7e7;border-radius:10px;min-height:300px;margin-right:10px;margin-left:0;display:flex;flex-direction:column;margin-top:20px}.hint_wrapper{min-width:350px;max-width:900px;border-radius:10px;background-color:#eaf6f8;padding:10px;margin:5px;border:1px solid #c8d7da}.hint_regular_text{margin-top:10px;margin-bottom:0;margin-left:5px}.hint_header_text{width:100%;font-size:1.1em;font-weight:700;color:#323434}.hint_regular_li{margin-left:20px;margin-top:10px;margin-bottom:0}.tg_icon_wrapper{margin-left:calc(0px + .2vw);margin-top:8px;width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-right:calc(10px + 4vw)}.tg_icon{color:#239ad6}.tg_icon:hover{color:#4084a6}.board_not_scrolled{opacity:0}.board_scrolled{opacity:0;transform:translateY(-40px);animation:board-scroll-in .7s forwards}@keyframes board-scroll-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.teacher_not_scrolled{opacity:0}.teacher_scrolled{opacity:0;transform:translate(-120px,-50px);animation:teacher-scroll-in 1.2s forwards}@keyframes teacher-scroll-in{0%{opacity:0;transform:translate(-120px,-50px)}to{opacity:1;transform:translate(-27px,-50px)}}.bench_not_scrolled{opacity:0}.bench_scrolled{opacity:0;animation:bench-scroll-in 1.2s forwards;animation-delay:.25s}@keyframes bench-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.st1_not_scrolled{opacity:0}.st1_scrolled{opacity:0;animation:st1-scroll-in .5s forwards,st1-jump-in .5s forwards;animation-delay:.75s,1.7s}@keyframes st1-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes st1-jump-in{0%{transform:translateY(0)}to{transform:translateY(calc(-1.6em - 7.7svh - 1svw))}}.st2_not_scrolled{opacity:0}.st2_scrolled{opacity:0;animation:st2-scroll-in .5s forwards,st1-jump-in .5s forwards;animation-delay:.8s,1.8s}@keyframes st2-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.st3_not_scrolled{opacity:0}.st3_scrolled{opacity:0;animation:st3-scroll-in .5s forwards,st1-jump-in .5s forwards;animation-delay:.85s,1.9s}@keyframes st3-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.st4_not_scrolled{opacity:0}.st4_scrolled{opacity:0;animation:st4-scroll-in .5s forwards,st1-jump-in .5s forwards;animation-delay:.9s,2s}@keyframes st4-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.st5_not_scrolled{opacity:0}.st5_scrolled{opacity:0;animation:st5-scroll-in .5s forwards,st1-jump-in .5s forwards;animation-delay:.95s,2.1s}@keyframes st5-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.page_not_scrolled{opacity:0}.page_scrolled{opacity:0;animation:page-scroll-in 1.5s forwards;animation-delay:1.5s}@keyframes page-scroll-in{0%{opacity:0;transform:scale(1.1) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.q1_not_scrolled{opacity:0}.q1_scrolled{opacity:0;animation:question-scroll-in 1s forwards}.q1_scrolled:hover{cursor:pointer;background-color:#84b8c9}.q2_not_scrolled{opacity:0}.q2_scrolled{opacity:0;animation:question-scroll-in 1s forwards;animation-delay:.6s}.q2_scrolled:hover{cursor:pointer;background-color:#84b8c9}.q3_not_scrolled{opacity:0}.q3_scrolled{opacity:0;animation:question-scroll-in 1s forwards;animation-delay:1.1s}.q3_scrolled:hover{cursor:pointer;background-color:#84b8c9}.q4_not_scrolled{opacity:0}.q4_scrolled{opacity:0;animation:question-scroll-in 1s forwards;animation-delay:1.5s}.q4_scrolled:hover{cursor:pointer;background-color:#84b8c9}.q5_not_scrolled{opacity:0}.q5_scrolled{opacity:0;animation:question-scroll-in 1s forwards;animation-delay:1.8s}.q5_scrolled:hover{cursor:pointer;background-color:#84b8c9}@keyframes question-scroll-in{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translate(-50px,-480px) scale(.55)}}.calendar_not_scrolled,.calendar_scrolled{opacity:0;transform:scale(.2)}.calendar_scrolled{animation:calendar-scroll-in 1.5s forwards}@keyframes calendar-scroll-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.t1_not_scrolled{opacity:0}.t1_scrolled{opacity:0;animation:t1-scroll-in 1.5s forwards,t1-jump-in 1s forwards;animation-delay:.5s,2.5s}.t2_not_scrolled{opacity:0}.t2_scrolled{opacity:0;animation:t1-scroll-in 1.5s forwards,t2-jump-in 1s forwards;animation-delay:1.2s,3.2s}.t3_not_scrolled{opacity:0}.t3_scrolled{opacity:0;animation:t1-scroll-in 1.5s forwards,t3-jump-in 1s forwards;animation-delay:1.9s,3.9s}@keyframes t1-scroll-in{0%{opacity:0;transform:translateX(10em)}to{opacity:1;transform:translateX(0)}}@keyframes t1-jump-in{0%{transform:translateY(0) scale(1)}to{transform:translate(calc(-1.8em - 1.85svw),calc(-12.6em - 2.1svw)) scale(.46)}}@keyframes t2-jump-in{0%{transform:translateY(0) scale(1)}to{transform:translate(calc(-.7em - .75svw),calc(-6.3em - 2.2svw)) scale(.46)}}@keyframes t3-jump-in{0%{transform:translateY(0) scale(1)}to{transform:translate(calc(.4em + .4svw),calc(-12.6em - 2.1svw)) scale(.46)}}.clock_not_scrolled{opacity:0;transform:scale(.2)}.clock1_scrolled{opacity:0;transform:scale(.2);animation:clock-scroll-in .7s forwards;animation-delay:3s}.clock2_scrolled{opacity:0;animation:clock-scroll-in .7s forwards;transform:scale(.2);animation-delay:4.4s}.clock3_scrolled{opacity:0;animation:clock-scroll-in .7s forwards;transform:scale(.2);animation-delay:3.7s}@keyframes clock-scroll-in{0%{opacity:0;color:#000;transform:scale(1.5)}50%{color:#000}to{opacity:1;color:grey;transform:scale(1)}}.student_not_scrolled{opacity:0}.student_scrolled{opacity:0;animation:student-scroll-in 1.5s forwards,objects_fade_out .5s forwards;animation-delay:0ms,2s}@keyframes student-scroll-in{0%{opacity:0}to{opacity:1}}.phone_not_scrolled{opacity:0}.phone_scrolled{opacity:0;animation:phone-scroll-in 1.5s forwards,objects_fade_out .5s forwards;animation-delay:0ms,2s}.example_phone_not_scrolled{opacity:0}.example_phone_scrolled{opacity:0;animation:phone-scroll-in 1.5s forwards,phone_scale 1.5s forwards;animation-delay:0ms,2s}@keyframes phone-scroll-in{0%{opacity:0}to{opacity:1}}@keyframes objects_fade_out{0%{opacity:1}to{opacity:0}}@keyframes phone_scale{0%{transform:scale(1) translateX(0)}to{transform:scale(13) translateX(10px)}}.test_not_scrolled,.test_scrolled{opacity:0;transform:scale(0)}.test_scrolled{animation:test-scroll-in .5s forwards;animation-delay:3.5s}@keyframes test-scroll-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.finger_not_scrolled,.finger_scrolled{opacity:0;transform:scale(.5)}.finger_scrolled{animation:finger-scroll-in 1.5s forwards,finger-move 3.5s forwards;animation-delay:3s,4.5s}@keyframes finger-scroll-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes finger-move{0%{transform:translate(0)}7%{transform:translate(-280px,-30px)}14%{transform:translate(-280px,30px) scale(1)}21%{transform:translate(-280px,30px) scale(.7)}28%{transform:translate(-280px,30px) scale(1)}35%{transform:translate(-280px,60px) scale(1)}42%{transform:translate(-280px,60px) scale(.7)}49%{transform:translate(-280px,60px) scale(1)}56%{transform:translate(-280px,90px) scale(1)}63%{transform:translate(-280px,90px) scale(.7)}70%{transform:translate(-280px,90px) scale(1)}77%{transform:translate(-180px,130px) scale(1)}84%{transform:translate(-180px,130px) scale(.7)}91%{transform:translate(-180px,130px) scale(1);opacity:1}to{opacity:0}}.checkmark_hidden,.checkmark_not_scrolled{opacity:0}.checkmark1_scrolled{opacity:0;animation:checkmark-scroll-in .5s forwards;animation-delay:5.2s}.checkmark2_scrolled{opacity:0;animation:checkmark-scroll-in .5s forwards;animation-delay:6s}.checkmark3_scrolled{opacity:0;animation:checkmark-scroll-in .5s forwards;animation-delay:6.8s}@keyframes checkmark-scroll-in{0%{opacity:0}to{opacity:1}}.laptop_not_scrolled{opacity:0}.laptop_scrolled{opacity:0;animation:laptop-scroll-in 1.5s forwards,laptop-scale 1.5s forwards;animation-delay:0ms,1.8s}@keyframes laptop-scroll-in{0%{opacity:0}to{opacity:1}}@keyframes laptop-scale{0%{transform:scale(1)}to{transform:scale(4) translateX(-22px)}}.t_not_scrolled{opacity:0}.t_scrolled{opacity:0;animation:t-scroll-in 1.5s forwards,t-fade-out 1.5s forwards;animation-delay:0ms,1.6s}@keyframes t-scroll-in{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes t-fade-out{0%{opacity:1}to{opacity:0}}.display_not_scrolled,.display_scrolled{opacity:0;transform:scale(.2)}.display_scrolled{animation:display-scroll-in .7s forwards;animation-delay:2.6s}@keyframes display-scroll-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1) translateX(6px)}}.p1_not_scrolled,.p1_scrolled{opacity:0;transform:scale(.2);color:#000}.p1_scrolled{animation:p1-scroll-in .7s forwards,p-switch-off .5s forwards;animation-delay:2.8s,4.7s}.p2_scrolled{animation:p1-scroll-in .7s forwards,p-turn-on .5s forwards,p-switch-off .5s forwards,p-pop-in-out .5s forwards;animation-delay:3.2s,5.6s,7.4s,5.6s}.p2_scrolled,.p3_scrolled{opacity:0;color:grey;transform:scale(.2)}.p3_scrolled{animation:p1-scroll-in .7s forwards,p-turn-on .5s forwards,p-pop-in-out .5s forwards;animation-delay:3.4s,7.4s,7.4s}@keyframes p1-scroll-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes p-switch-off{0%{color:#000}to{color:grey}}@keyframes p-turn-on{0%{color:grey}to{color:#000}}@keyframes p-pop-in-out{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.tst_not_scrolled{opacity:0}.tst_scrolled{opacity:0;animation:tst-arrive .7s forwards,tst-fade-out .5s forwards,tst-arrive .7s forwards,tst-fade-out .5s forwards,tst-arrive .7s forwards;animation-delay:3.6s,5s,5.6s,6.9s,7.4s}@keyframes tst-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes tst-arrive{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.m_not_scrolled{opacity:0;transform:scale(.4)}.m1_scrolled{animation:m-appear .5s forwards;animation-delay:3.8s}.m1_scrolled,.m2_scrolled{opacity:0;transform:scale(.4)}.m2_scrolled{animation:m-appear .5s forwards;animation-delay:3.9s}.m3_scrolled{animation:m-appear .5s forwards;animation-delay:4s}.m3_scrolled,.m4_scrolled{opacity:0;transform:scale(.4)}.m4_scrolled{animation:m-appear .5s forwards;animation-delay:4.1s}.m5_scrolled{animation:m-appear .5s forwards;animation-delay:4.2s}.m5_scrolled,.m6_scrolled{opacity:0;transform:scale(.4)}.m6_scrolled{animation:m-appear .5s forwards;animation-delay:6.1s}.m7_scrolled{animation:m-appear .5s forwards;animation-delay:6.2s}.m7_scrolled,.m8_scrolled{opacity:0;transform:scale(.4)}.m8_scrolled{animation:m-appear .5s forwards;animation-delay:6.3s}.m9_scrolled{animation:m-appear .5s forwards;animation-delay:6.4s}.m10_scrolled,.m9_scrolled{opacity:0;transform:scale(.4)}.m10_scrolled{animation:m-appear .5s forwards;animation-delay:6.5s}.m11_scrolled{animation:m-appear .5s forwards;animation-delay:7.6s}.m11_scrolled,.m12_scrolled{opacity:0;transform:scale(.4)}.m12_scrolled{animation:m-appear .5s forwards;animation-delay:7.7s}.m13_scrolled{animation:m-appear .5s forwards;animation-delay:7.8s}.m13_scrolled,.m14_scrolled{opacity:0;transform:scale(.4)}.m14_scrolled{animation:m-appear .5s forwards;animation-delay:7.9s}.m15_scrolled{opacity:0;transform:scale(.4);animation:m-appear .5s forwards;animation-delay:8s}@keyframes m-appear{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.marks_not_scrolled{opacity:1}.marks_scrolled{opacity:1;animation:marks-disappear .5s forwards;animation-delay:5s}@keyframes marks-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}.marks2_not_scrolled{opacity:0}.marks2_scrolled{opacity:0;animation:marks2-appear 0s forwards,marks2-disappear .5s forwards;animation-delay:6s,6.8s}@keyframes marks2-appear{0%{opacity:0}to{opacity:1;transform:translateX(-40px)}}@keyframes marks2-disappear{0%{opacity:1;transform:translateX(-40px) scale(1)}to{opacity:0;transform:translateX(-40px) scale(.4)}}.marks3_not_scrolled{opacity:0}.marks3_scrolled{opacity:0;animation:marks3-appear 0s forwards;animation-delay:7.2s}@keyframes marks3-appear{0%{opacity:0}to{opacity:1;transform:translateX(-80px)}}.quiz_not_scrolled{opacity:0}.quiz1_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:0ms}.quiz2_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:.3s}.quiz3_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:.6s}.quiz4_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:.9s}.quiz5_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.2s}@keyframes quiz-scroll-in{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.person_not_scrolled{opacity:0}.person1_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.3s}.person2_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.5s}.person3_scrolled{opacity:0;animation:person-scroll-in .7s forwards;animation-delay:1.7s}@keyframes person-scroll-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.line_not_scrolled,.line_scrolled{opacity:0;transform:scale(.2)}.line_scrolled{animation:line-fade-in .9s forwards}@keyframes line-fade-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.line2_not_scrolled{opacity:0}.line2_scrolled{opacity:0;animation:line2-fade-in .7s forwards;animation-delay:.5s}@keyframes line2-fade-in{0%{opacity:0}to{opacity:1}}.mark_not_scrolled{opacity:0}.mark1_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1s}.mark2_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.1s}.mark3_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.2s}.mark4_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.3s}.mark5_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.4s}.mark6_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.5s}.mark7_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.6s}.mark8_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.7s}.mark9_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.8s}.mark10_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:1.9s}.mark11_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:2s}.mark12_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:2.1s}.mark13_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:2.2s}.mark14_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:2.3s}.mark15_scrolled{opacity:0;animation:quiz-scroll-in .7s forwards;animation-delay:2.4s}