html{box-sizing:border-box;font-family:Roboto Condensed,sans-serif;font-size:20px}*{box-sizing:border-box;scrollbar-gutter:stable}*:hover{outline:none}*:after,*:before{margin:0;padding:0;box-sizing:border-box}.cursor-pointer{cursor:pointer}body{overflow-x:hidden;position:relative;margin:0}main{width:100%;margin-top:20px;min-height:60vh}.container{max-width:1400px!important;margin:0 auto;padding:0 10px}@media (max-width: 1580px){.container{max-width:1290px!important}}@media (max-width: 1280px){.container{max-width:100%!important}}.mt-medium{margin-top:60px!important}.flex-col{display:flex;align-items:center;flex-direction:column;justify-content:start;width:100%}.flex-row-between{display:flex;justify-content:space-between;align-items:center}.footer{background-color:#056205fc}.footer-site-logo{max-width:100%;max-height:150px}.header-box{z-index:99999;position:sticky;top:0;left:0;right:0;background-color:#056205fc;box-shadow:0 5px 10px #066a3d}.header-menu{display:flex;justify-content:space-evenly;align-items:center;width:100%;margin-left:80px}.nav-menu{display:grid;overflow-y:scroll;width:600px;padding-left:20px;height:100%;font-size:1.5rem;grid-template-columns:1fr;grid-gap:20px;position:fixed;top:0;left:-110%;transition:.3s ease-in-out;z-index:999;margin-left:0;background-color:#056205fc}pre{overflow:hidden!important}.header-link{color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer}#errorList>div{border-bottom:1px solid #ccc}.relative{position:relative}.link-box{display:flex;justify-content:start}#taskTime{display:flex;width:100%;justify-content:center;color:#198754;font-size:2rem}@keyframes growDown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.animation-popup{animation:growDown .3s ease-in-out forwards;transform-origin:top center;background-color:#fff;border-radius:0 0 10px 10px;position:absolute;top:32px;right:0;box-shadow:0 0 10px #086408;display:flex;align-items:start;flex-direction:column;justify-content:start;width:100%;min-width:200px;z-index:9}.arrow-rotate:after{transition:all .3s ease-in-out;top:2px;transform:rotate(180deg)}.self-end{justify-self:end}.hidden{display:none}.header-popup-link{text-decoration:none!important;padding:10px!important;font-size:.9rem!important;font-weight:400!important;width:100%!important;transition:.2s linear!important;cursor:pointer!important;line-height:105%}.header-popup-link:hover{background-color:#d9d7d7!important}.user-link-box{display:flex;flex-direction:column;align-items:center;justify-content:start}.user{margin-left:40px}.site-logo{max-width:100%;max-height:100px}.user-avatar{max-width:40px}.language-switcher{max-width:60px;margin-left:10px}.title{text-align:center;margin:40px auto 10px;color:green;padding:0 10px}.title a{color:green;text-decoration:none}.title2{text-align:center;margin:10px auto 20px;color:green;font-size:1.5rem}.title2 a{color:green;text-decoration:none}#game{text-align:center;margin-top:30px}#questionArea{font-size:3rem;position:relative;line-height:105%}#counter{position:absolute;right:0;top:-50px;font-size:1rem;color:green}#question{font-size:4rem;margin-right:10px}#question-compare,#comparisonButtons{display:flex;align-items:center;justify-content:start}#question-compare div{font-size:4rem}#comparisonButtons{margin:0 20px}#comparisonButtons button{font-size:1.5rem;transition:.3s ease-in-out}#comparisonButtons button:hover{transform:scale(1.1)}.comparison{margin:0 20px;border:1px solid #ccc;height:4rem;width:4rem;font-size:3rem!important}#mathProblem{text-align:right}#mathProblem #question{margin-bottom:0;margin-top:0;line-height:85%}#mathProblem #question pre{margin:0}.intermediate-row input{width:40px!important;height:40px;margin-right:5px;text-align:center;font-size:1.5rem;font-weight:700}.final-row{margin-top:10px;border-top:3px solid #000}.stolbik #question{border-bottom:3px solid #000}.final-row input{width:40px!important;height:40px;margin-right:5px;text-align:center;font-size:1.5rem;font-weight:700}#mathProblem #answer{width:100%;margin:0;text-align:right}.stolbik #feedback{top:100%;left:50%;transform:translate(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content}.stolbik2 #feedback{top:100%;left:26%}#result{font-size:1.2rem;color:red}#score{font-size:1.2rem;margin-top:10px}.incorrect{color:red;text-decoration:underline}.modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;padding-top:60px}.modal-content{background-color:#fefefe;margin:0 auto;padding:20px;border:1px solid #888;width:90%;max-height:75vh;overflow-y:auto}.close{color:#aaa;float:right;font-size:2.8rem;font-weight:700;position:absolute;right:10px;top:-20px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.flex-container{display:flex;align-items:center;justify-content:center}#answer{border:1px solid green;outline:none;margin-right:20px;font-size:2rem;width:5ch;text-align:center}#errorCount{font-size:1rem;padding:5px;color:#fff;background-color:red;border-radius:10px;cursor:pointer;display:none;position:fixed;top:101px;left:50%;transform:translate(-50%);line-height:100%}.error-item,#finalResults>div{font-size:1rem;border-bottom:1px solid #ccc}#checkButton{font-size:1.5rem;padding:0 10px!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#feedback{margin-top:10px;padding:5px;background-color:#198754;color:#fff;border-radius:5px;display:none;font-size:1rem;position:absolute;top:100%;line-height:100%}#restartButton{max-width:200px}.green-button{margin:5px;cursor:pointer;font-size:1rem;background:green;color:#fff;border-radius:5px;padding:3px 5px;justify-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;text-decoration:none;transition:.3s linear;border:1px solid green}.green-button:hover{background:#fff;color:green;border:1px solid green}.square-field{border:1px solid #ccc;padding:5px;outline:none;text-align:center;font-size:1.3rem;margin:0 2px}.square{text-align:center}.pair>.square{width:88px;height:70px;font-size:2rem}.image-container{max-width:100%}.big-image{max-width:100%;-o-object-fit:cover;object-fit:cover}.column-format{text-align:right;font-family:monospace;border-bottom:1px solid #000}.answer-format{font-size:1.5rem;text-align:right;margin-top:10px}.answer-input{width:50px!important;height:50px!important;font-size:1.6rem;font-weight:700;text-align:center}textarea.square-field{width:100%;margin-top:5px}.multi-numbers-radio{padding:0 5px;border:1px solid #ccc;margin-right:10px}.menu-title{color:#fff;margin-left:-120px}.menu-button{display:block;position:absolute;right:5px;top:50%;transform:translateY(-50%);cursor:pointer;transition:transform .3s ease}.menu-button:hover{transform:translateY(-50%) scale(1.1)}.dropdown-menu{padding:0;max-height:75vh;overflow-y:auto}.dropdown-item{white-space:unset}.dropdown-toggle:after{vertical-align:.1em}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{display:none;position:absolute;top:0;left:100%;margin-top:-6px;margin-left:-1px}.dropdown-submenu.open .dropdown-menu{display:block}.courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:20px;width:100%}.course-card{cursor:pointer;max-width:100%;border-radius:10px;border:1px solid green;background:green;color:#fff;overflow:hidden;transition:.3s linear;text-decoration:none;display:grid;grid-template-columns:1fr;grid-template-rows:105px 1fr}.course-card__image{width:100%;height:100%;transition:.5s linear;z-index:0}.course-card__image-box{overflow:hidden;height:100%}.course-card__title{text-align:center;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0 5px}.course-card:hover{box-shadow:5px 10px 10px #ccc}.course-card:hover .course-card__image-box>.course-card__image{transform:scale(1.1)}.footer{margin-top:40px}@media (max-width: 1280px){.header-menu{margin-left:0}.title{font-size:1.5rem}.link-box{justify-content:start}}@media (max-width: 1024px){.user{margin-left:15px}}.close-icon-box{display:block;width:100%;position:relative;margin-bottom:30px}.close-icon{display:block;position:absolute;right:0;top:7px;z-index:999999;cursor:pointer}.show-menu{transform:translate(0)}@media (max-width: 920px){.language-switcher{margin-left:0}.animation-popup{left:0}.header-popup-link{font-size:1.3rem!important}.header-menu{flex-direction:column}.nav-menu{overflow-y:scroll;width:100%;height:100%;font-size:1.5rem;grid-template-columns:1fr;position:fixed;top:0;left:-110%;transition:.3s ease-in-out;z-index:999;margin-left:0;background-color:#056205fc}.link-box{width:100%;margin:15px 0;justify-content:center;align-items:center}.show-menu{transform:translate(0)}.menu-button{display:block;cursor:pointer}.title{font-size:1.5rem;margin:45px auto 5px}.close-icon,.close-icon-box{display:block;margin:5px}#game{text-align:center;margin-top:30px}#questionArea{flex-wrap:wrap}#checkButton{flex-basis:100%;margin-top:10px!important}#answer{border:1px solid green;outline:none;width:100px;margin-right:10px;font-size:3rem}.header{flex-direction:column;margin-top:20px}main{margin-top:50px}.mt-medium{margin-top:40px!important}.menu-title{font-size:20px;margin-left:0}.header-for-mobile{display:grid;grid-template-columns:1fr}.menu-button{top:39%}#errorCount{top:150px!important}}@media (max-width: 540px){.course-card__title{font-size:1.2rem}#errorCount{top:150px!important}}@media (max-width: 450px){html{font-size:16px}.header{margin-top:20px}#question{font-size:3rem}#answer{border:1px solid green;outline:none;width:100px;margin-right:0;font-size:2rem;line-height:100%;margin-bottom:0!important}}.number-3 .number-house{display:flex;flex-direction:column}#checkboxContainer label{margin-right:5px;border:1px solid #ccc}.proportional-division .flex-container{display:flex;flex-direction:column;align-items:center;gap:10px}.proportional-division .answer-options label{padding:5px;border:1px solid #ccc;margin:10px;cursor:pointer}.proportional-division #visualizationContainer{display:flex;border:2px solid black;margin:10px 0;width:100%}.proportional-division .part{flex-grow:1;border-right:2px solid black;box-sizing:border-box;height:70px}.proportional-division .part:last-child{border-right:none}
