@import url(https://fonts.googleapis.com/css2?family=Kablammo&family=Roboto:wght@400;700&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}.App{font-family:Roboto,sans-serif;min-height:100vh;width:100%}a{text-decoration:none}input{background-color:initial;border:1px solid #000;border-radius:5px;font-size:26px;height:30px;margin:10px 0;padding:0 5px;width:60%}.CreateQuiz{align-items:center;background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:100px 0 20px;width:100%}.CreateQuiz .CreateQuiz__send{background-color:#42ac42;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:32px;margin-top:10px;padding:10px 15px}.CreateQuiz .CreateQuiz__main{align-items:center;background-color:hsla(0,0%,78%,.2);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:10vh;padding:20px 50px;width:60%}.CreateQuiz .CreateQuiz__main .CreateQuiz__main__text{font-size:24px;margin:20px 0}.CreateQuiz .CreateQuiz__main .CreateQuiz__main__questions{align-items:center;border-bottom:1px solid hsla(0,0%,8%,.2);display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding-bottom:10px;width:100%}.CreateQuiz .CreateQuiz__main .CreateQuiz__main__questions .CreateQuiz__main__questions__btn{background:hsla(0,0%,8%,.2);border-radius:10px;cursor:pointer;font-size:28px;padding:10px 20px}.CreateQuiz .CreateQuiz__main .CreateQuiz__testName{align-items:flex-start;border-bottom:1px solid hsla(0,0%,8%,.2);display:flex;flex-direction:column;font-size:24px;justify-content:space-between;margin:20px 0;width:100%}.CreateQuiz .CreateQuiz__main .CreateQuiz__main__topic{font-family:Geologica,sans-serif;font-size:36px;text-align:center}.CreateQuizQuestion{align-items:center;border:1px solid hsla(0,0%,8%,.2);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin:10px 0;min-height:200px;padding:10px;width:100%}.CreateQuizQuestion .CreateQuizQuestion__del{cursor:pointer;height:32px;width:32px}.CreateQuizQuestion .CreateQuizQuestion__top{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.CreateQuizQuestion .CreateQuizQuestion__top .CreateQuizQuestion__count{display:flex;font-size:24px}.CreateQuizQuestion .CreateQuizQuestion__top .CreateQuizQuestion__count .CreateQuizQuestion__count__text{margin-right:5px}.CreateQuizQuestion .CreateQuizQuestion__top .CreateQuizQuestion__inp{background-color:initial;border:1px solid #000;border-radius:5px;font-size:24px;height:30px;margin:0 5px;padding:0 5px;width:clamp(200px,80%,400px)}.CreateQuizQuestion .CreateQuizQuestion__ans{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:20px 0;min-height:0;width:100%}.CreateQuizQuestion .CreateQuizQuestion__ans ::-webkit-input-placeholder{color:#dcdcdc;opacity:1}.CreateQuizQuestion .CreateQuizQuestion__ans ::placeholder{color:#dcdcdc;opacity:1}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__btnBox{align-items:center;display:flex;flex-direction:row;height:100px;justify-content:center;margin:10px 20px;width:45%;width:clamp(200px,100%,300px)}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__btnBox .CreateQuizQuestion__ans__btn{background:hsla(0,0%,8%,.2);border-radius:10px;cursor:pointer;font-size:28px;padding:10px 20px}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__box{align-items:flex-start;background-color:red;border-radius:5px;display:flex;flex-direction:row;height:100px;justify-content:flex-end;margin:10px 20px;padding:5px;width:clamp(200px,100%,300px)}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__box .CreateQuizQuestion__ans__box__btns{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:5px 0;width:32px}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__box .CreateQuizQuestion__ans__box__btns .CreateQuizQuestion__isRight{background-color:initial;border:none;border-radius:50%;cursor:pointer;height:32px;outline:none;-webkit-user-select:none;user-select:none;width:32px}.CreateQuizQuestion .CreateQuizQuestion__ans .CreateQuizQuestion__ans__box .CreateQuizQuestion__ans__box__question{align-items:center;background-color:initial;border:none;color:#fff;display:flex;flex-direction:row;font-size:20px;height:100%;justify-content:flex-start;outline:none;resize:none;width:100%}@media screen and (max-width:950px){.CreateQuiz .CreateQuiz__main{width:99%}}@media screen and (max-width:600px){.CreateQuizQuestion .CreateQuizQuestion__top .CreateQuizQuestion__count .CreateQuizQuestion__count__text{display:none}}@media screen and (max-width:450px){.CreateQuiz .CreateQuiz__main{padding:10px 5px}.CreateQuiz__testName__text{text-align:center}.CreateQuiz .CreateQuiz__inp{width:100%}}.Loading{align-items:center;display:flex;justify-content:center;overflow:hidden;position:absolute}.Loading .Loading__box{height:50%;position:absolute;width:50%}.Loading .Loading__box1{-webkit-animation:loading1 5s linear;animation:loading1 5s linear;left:0;top:0;width:100%}.Loading .Loading__box2{-webkit-animation:loading2 5s linear;animation:loading2 5s linear;height:100%;right:0;top:0}.Loading .Loading__box3{-webkit-animation:loading3 5s linear;animation:loading3 5s linear;bottom:0;right:0;width:100%}.Loading .Loading__box4{-webkit-animation:loading4 5s linear;animation:loading4 5s linear;bottom:0;height:100%;left:0}@-webkit-keyframes loading1{0%{left:0;top:0}35%{left:50%;top:0;width:50%}to{left:50%;top:0}}@keyframes loading1{0%{left:0;top:0}35%{left:50%;top:0;width:50%}to{left:50%;top:0}}@-webkit-keyframes loading2{0%{right:0;top:0}35%{height:50%;right:0;top:50%}to{right:0;top:50%}}@keyframes loading2{0%{right:0;top:0}35%{height:50%;right:0;top:50%}to{right:0;top:50%}}@-webkit-keyframes loading3{0%{bottom:0;right:0}35%{bottom:0;right:50%;width:50%}to{bottom:0;right:50%}}@keyframes loading3{0%{bottom:0;right:0}35%{bottom:0;right:50%;width:50%}to{bottom:0;right:50%}}@-webkit-keyframes loading4{0%{bottom:0;left:0}35%{bottom:50%;height:50%;left:0}to{bottom:50%;left:0}}@keyframes loading4{0%{bottom:0;left:0}35%{bottom:50%;height:50%;left:0}to{bottom:50%;left:0}}.Home{align-items:center;background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:80px;width:100%}.Home .Home__name{color:#fff;font-family:Kablammo,cursive;font-size:50px}.Home .Home__main{z-index:2}.Logo{align-items:center;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-family:Kablammo,cursive;font-size:36px;height:40px;justify-content:center;-webkit-user-select:none;user-select:none;width:40px}.Logo .Logo__box{height:50%;width:50%}.Logo .Logo__text{position:absolute}.Logo .Logo__img{height:40px;width:40px}.Header{background-color:#add8e6;box-shadow:0 5px 20px hsla(0,0%,8%,.2);height:80px;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:5}.Header,.Header .Header__btns{align-items:center;display:flex;justify-content:space-between}.Header .Header__btns .Header__btns__user{align-items:flex-start;background-color:#fff;border-radius:10px;cursor:pointer;display:flex;justify-content:flex-end;margin-left:5px;padding:10px 5px;-webkit-user-select:none;user-select:none}.Header .Header__btns .Header__btns__user .Header__btns__user__menu{align-items:center;background-color:#fff;border:1px solid hsla(0,0%,8%,.2);border-radius:5px;color:#000;display:flex;flex-direction:column;margin-right:-5px;margin-top:28px;min-height:30px;position:absolute;text-align:center;text-decoration:none;width:100px}.Header .Header__btns .Header__btns__user .Header__btns__user__menu a{color:#000}@media screen and (max-width:400px){.Header{padding:0 5px}}.Header__btns__btn{background-color:#85c624;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin:0 10px;padding:10px 15px;text-align:center}.Header__btns__btnCreate{background-color:#216fff}@media screen and (max-width:400px){.Header__btns__btn{font-size:14px;margin:0 5px;padding:10px 5px}}.Tests{background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;flex-direction:column;height:100vh;overflow:auto;padding:100px 10px 20px}.Tests,.Tests .Tests__main{align-items:center;display:flex;width:100%}.Tests .Tests__main{flex-wrap:wrap;justify-content:center}.Tests .Tests__main__test{background-color:#fff;border-radius:10px;margin:20px;max-width:250px;min-width:200px;padding:10px 15px}.Tests .Tests__main__test h1{color:#000;cursor:pointer;transition:.35s}.Tests .Tests__main__test h1:hover{color:#6076f2}.Tests .Tests__main__test .Tests__main__test__numberOfQuest{margin:3px 0}.Tests .Tests__main__test .Tests__main__test__likes{align-items:center;display:flex}.Tests .Tests__main__test .Tests__main__test__likes img{cursor:pointer;height:30px;margin-right:5px;width:30px}.TestPage{background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;left:0;min-height:100vh;padding:100px 10px 20px;position:absolute;top:0;width:100%}.TestPage .TestPageSummary{align-items:center;display:flex;flex-direction:column;min-height:80vh;width:100%}.TestPage .TestPageSummary .TestPageSummary__container{align-items:center;display:flex;flex-direction:column;margin-top:50px;min-height:20vh;width:100%}.TestPage .TestPageSummary .TestPageSummary__container .TestPageSummary__container__block{align-items:center;background-color:hsla(0,0%,78%,.2);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin:20px 0;min-height:300px;padding:10px;width:clamp(300px,100%,900px)}.TestPage .TestPageSummary .TestPageSummary__container .TestPageSummary__container__block .TestPageSummary__container__block__question{font-size:36px;margin-bottom:50px;text-align:center}.TestPage .TestPageSummary .TestPageSummary__container .TestPageSummary__container__block .TestPageSummary__container__block__ans{display:flex;flex-wrap:wrap;font-size:24px;justify-content:space-around;min-height:10px;text-align:center;width:100%}.TestPage .TestPageSummary h1{text-align:center}.TestPage .TestPageSummary .TestPageSummary__points{align-items:center;display:flex;flex-wrap:wrap;height:80px;justify-content:center;margin:20px 0;width:100%}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__bar{align-items:center;background-color:hsla(0,0%,8%,.1);border-radius:10px;display:flex;height:45px;justify-content:flex-start;margin:10px 20px;width:250px}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__bar .TestPageSummary__points__bar__container{align-items:center;display:flex;height:45px;justify-content:space-between;padding:10px;position:absolute;width:250px}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__bar .TestPageSummary__points__bar__green{background-color:#86d411;border-radius:10px;height:100%;transition:1s;width:0}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__bar .TestPageSummary__points__bar__good{color:#4b7d00}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__bar .TestPageSummary__points__bar__bad{color:#780400}.TestPage .TestPageSummary .TestPageSummary__points .TestPageSummary__points__text{background-color:#fff;border-bottom:5px solid hsla(0,0%,8%,.2);border-radius:10px;margin:10px 20px;padding:10px 15px}.TestPage .TestPageQuestion{justify-content:space-between;min-height:80vh;width:100%}.TestPage .TestPageQuestion,.TestPage .TestPageQuestion .TestPageQuestion__top{align-items:center;display:flex;flex-direction:column}.TestPage .TestPageQuestion .TestPageQuestion__question{background-color:#fff;border-bottom:5px solid hsla(0,0%,8%,.2);border-radius:10px;font-size:36px;padding:20px;text-align:center}.TestPage .TestPageQuestion .TestPageQuestion__id{font-size:36px;margin-bottom:20px}.TestPage .TestPageQuestion .TestPageQuestion__answers{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;min-height:200px;width:100%}.TestPage .TestPageQuestion .TestPageQuestion__answers .TestPageQuestion__answers__box{align-items:center;background-color:red;border-radius:20px;color:#141414;cursor:pointer;display:flex;font-size:20px;justify-content:center;margin:20px;min-height:200px;outline:0 solid #141414;text-align:center;transition:.2s;width:clamp(200px,100%,400px)}.TestPage .TestPageQuestion .TestPageQuestion__answers .TestPageQuestion__answers__box:hover{outline:5px solid #141414;outline-offset:5px}.SignUpPage{align-items:center;background-color:#fff;background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:auto;padding-top:80px;position:fixed;top:0;width:100%;z-index:2}.SignUpPage h1{font-size:36px;margin-bottom:50px}.SignUpPage .SignUpPage__main{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:clamp(100px,95%,600px)}.SignUpPage .SignUpPage__main input{width:100%}.SignUpPage h3{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;margin:15px 0;text-align:center}.SignUpPage h3 p{color:#3688ed;margin-left:10px;text-decoration:underline}.SignUpPage button{background-color:#85c624;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px 15px}.SignUpPage .SignUpPage__main .SignUpPage__main__pass{align-items:center;display:flex;width:clamp(100px,95%,600px)}.SignUpPage .SignUpPage__main .SignUpPage__main__pass img{cursor:pointer;height:40px;margin-left:10px;width:40px}.SignUpPage .SignUpPage__main .SignUpPage__main__pass input{width:clamp(100px,90%,600px)}.LogInPage{align-items:center;background-color:#fff;background-image:url(/static/media/background.6e416d100498965a0d55.avif);background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:auto;padding-top:80px;position:fixed;top:0;width:100%;z-index:2}.LogInPage h1{font-size:36px;margin-bottom:50px}.LogInPage .LogInPage__main{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;width:clamp(100px,95%,600px)}.LogInPage .LogInPage__main input{width:100%}.LogInPage h3{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;margin:15px 0;text-align:center}.LogInPage h3 p{color:#3688ed;margin-left:10px;text-decoration:underline}.LogInPage button{background-color:#85c624;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px 15px}.LogInPage .LogInPage__main .LogInPage__main__pass{align-items:center;display:flex;width:clamp(100px,95%,600px)}.LogInPage .LogInPage__main .LogInPage__main__pass img{cursor:pointer;height:40px;margin-left:10px;width:40px}.LogInPage .LogInPage__main .LogInPage__main__pass input{width:clamp(100px,90%,600px)}
/*# sourceMappingURL=main.e57cba8a.css.map*/