body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Layout{height:100vh}.Layout,.Layout main{display:flex;flex-direction:column}.Layout main{flex-grow:1}.MenuToggle{position:fixed;top:40px;left:40px;font-size:20px;cursor:pointer;color:#fff;z-index:100;-webkit-transition:opacity,left .22s ease-in;transition:opacity,left .22s ease-in}.MenuToggle:hover{opacity:.7}.MenuToggle_open{left:320px}.Drawer{position:fixed;left:0;top:0;bottom:0;width:80%;max-width:300px;padding:20px 10px;box-sizing:border-box;background:#fff;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .22s ease-in;transition:-webkit-transform .22s ease-in;transition:transform .22s ease-in;transition:transform .22s ease-in,-webkit-transform .22s ease-in;z-index:90}.Drawer_close{-webkit-transform:translateX(-300px);transform:translateX(-300px)}.Drawer ul{list-style:none;margin:0;padding:0}.Drawer ul li{margin-bottom:15px}.Drawer ul li a{color:#363f54;font-size:30px;text-decoration:none;background:#fff;position:relative;padding:0 20px 10px;-webkit-transition:opacity .3s;transition:opacity .3s}.active,.Drawer ul li a:hover{opacity:.7}.Backdrop{z-index:50;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;bottom:0;right:0}.Quiz{display:flex;justify-content:center;padding-top:100px;flex-grow:1;width:100%;background:-webkit-gradient(linear,left top,right top,from(#5041b2),to(#7969e6));background:linear-gradient(90deg,#5041b2,#7969e6)}.Quiz h1{color:#fff;margin-left:10px}.QuizWrapper{width:600px}.ActiveQuiz{padding:20px;color:#fff;border:2px solid #fff;border-radius:5px;margin:0 10px;box-sizing:border-box}.Question{display:flex;justify-content:space-between}.AnswersList{list-style:none;margin:0;padding:0}.AnswerItem{border:1px solid #fff;border-radius:5px;padding:5px 10px;margin-bottom:5px;cursor:pointer}.AnswerItem:hover{background:hsla(0,0%,100%,.2);-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.AnswerItem_success{background-color:green}.AnswerItem_error{background-color:red}.FinishedQuiz{padding:20px;color:#fff;border:2px solid #fff;border-radius:5px;box-sizing:border-box;margin:0 10px}.FinishedQuiz ul{list-style:none;padding:0;margin:0}.FinishedQuiz ul li i{margin-left:10px}.FinishedQuiz_success{color:#15c715}.FinishedQuiz_error{color:#f14545}.Button{display:inline-block;padding:10px 20px;border-radius:5px;border:1px solid #ccc;color:#000;margin-right:15px;text-transform:uppercase;font-weight:700;font-size:12px;cursor:pointer}.Button:focus{outline:none}.Button:active{box-shadow:inset 2px 2px 1px rgba(0,0,0,.3)}.Button:disabled{background:#ccc;color:#000;cursor:not-allowed}.Button_error{background:#f14545}.Button_success{background:#21a421;color:#fff}.Button_primary{background:#2884f6;color:#fff}.Loader{-webkit-transform:translateZ(1px);transform:translateZ(1px)}.Loader,.Loader>div{display:inline-block}.Loader>div{width:64px;height:64px;margin:8px;border-radius:50%;background:#fff;-webkit-animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite;animation:lds-circle 2.4s cubic-bezier(0,.2,.8,1) infinite}.center{text-align:center}@-webkit-keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(5turn);transform:rotateY(5turn);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}@keyframes lds-circle{0%,to{-webkit-animation-timing-function:cubic-bezier(.5,0,1,.5);animation-timing-function:cubic-bezier(.5,0,1,.5)}0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(5turn);transform:rotateY(5turn);-webkit-animation-timing-function:cubic-bezier(0,.5,.5,1);animation-timing-function:cubic-bezier(0,.5,.5,1)}to{-webkit-transform:rotateY(10turn);transform:rotateY(10turn)}}.QuizList{display:flex;justify-content:center;padding-top:100px;flex-grow:1;width:100%;background:-webkit-gradient(linear,left top,right top,from(#fd8355),color-stop(37%,#f0576c),to(#f79cbd));background:linear-gradient(90deg,#fd8355,#f0576c 37%,#f79cbd)}.QuizList h1{color:#fff}.QuizList ul{list-style:none;margin:0;padding:0}.QuizList li{margin-bottom:10px}.QuizList li a{text-decoration:none;color:#fff}.QuizList li a:hover{color:#363f54}.Auth{display:flex;justify-content:center;padding-top:100px;flex-grow:1;width:100%;background:-webkit-gradient(linear,right top,left top,from(#cef2fa),to(#59bfef));background:linear-gradient(270deg,#cef2fa,#59bfef)}.Auth>div{width:100%;max-width:650px;padding:0 20px}.Auth h1{color:#fff;text-align:center}.AuthForm{background:#eee;box-shadow:2px 2px 2px rgba(0,0,0,.5);padding:15px;border-radius:5px}.Input{margin-bottom:15px}.Input label{margin-bottom:3px;padding:0;display:block;font-weight:700}.Input input{display:block;box-sizing:border-box;border:1px solid #bebebe;padding:7px;margin:0 0 5px;width:100%;outline:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Input span{font-size:12px;font-weight:700}.Input.invalid label,.Input span{color:#f01f30}.QuizCreator{display:flex;justify-content:center;padding-top:50px;flex-grow:1;width:100%;background:-webkit-gradient(linear,right top,left top,from(#f0613c),to(#f0783c));background:linear-gradient(270deg,#f0613c,#f0783c)}.QuizCreator>div{width:100%;max-width:700px;padding:0 20px}.QuizCreator h1{text-align:center;color:#fff}.QuizCreator form{background:#eee;border-radius:5px;padding:15px;box-shadow:2px 2px 2px rgba(0,0,.5)}.Select{margin-bottom:15px}.Select label{margin:0 0 3px;padding:0;font-weight:700;display:block}.Select select{display:block;box-sizing:border-box;border:1px solid #bebebe;height:29px;width:100%;outline:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
/*# sourceMappingURL=main.6c8a63bb.chunk.css.map */