html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}body,ul{padding:0;margin:0}ul{list-style:none}.bg-success{background:rgba(161,246,69,.7)}.bg-error{background:rgba(240,87,108,.7)}.c-success{color:rgba(161,246,69,.7)}.c-error{color:rgba(240,87,108,.7)}.Layout{height:100vh}.Layout,.Layout main{display:flex;flex-direction:column}.Layout main{flex-grow:1}.MenuToggle{position:fixed;top:40px;left:40px;cursor:pointer;color:#fff;transition:all .3s ease-in;z-index:100}.MenuToggle:hover{opacity:.7}.MenuToggle.open{left:320px}.Drawer{position:fixed;left:0;top:0;bottom:0;width:80%;max-width:300px;box-sizing:border-box;padding-top:35px;background:#ccd;transform:translateX(0);transition:all .3s ease-in;z-index:90}.Drawer.open{transform:translateX(-300px)}.Drawer li{margin-bottom:15px}.Drawer li a{text-decoration:none;color:#5041b2;font-size:24px;padding:0 20px 10px;transition:all .3s ease-in}.Drawer li a:active,.Drawer li a:hover{color:#796c92;opacity:.7;cursor:pointer}.Backdrop{position:fixed;z-index:50;left:0;right:0;top:0;bottom:0;background:rgba(12,12,12,.7)}.AnswerItem{padding:5px 10px;border:1px solid #fff;border-radius:4px;margin-bottom:5px;transition:background .3s ease-in-out;color:#fff;cursor:pointer}.AnswerItem:hover{background:hsla(0,0%,75.3%,.2)}.ActiveQuiz{box-sizing:border-box;border:1px solid #fff;border-radius:4px;padding:15px 20px;width:100%}.ActiveQuiz p{color:#fff;display:flex;justify-content:space-between}.FinishedQuiz{color:#fff}.FinishedQuiz i{margin-left:10px}.FinishedQuiz__btn{display:flex}.Button{display:inline-block;box-sizing:border-box;padding:10px 20px;margin-right:15px;border:1px solid #fff;border-radius:4px;text-transform:uppercase;font-weight:700;font-size:12px;transition:all .3s ease-in;cursor:pointer}.Button:focus{outline:none}.Button:hover{box-shadow:inset 2px 1px 1px rgba(12,12,12,.3)}.Button:active{box-shadow:inset 2px 2px 1px rgba(12,12,12,.5)}.Button.primary{background:#2884f6;color:#fff}.Button.success{background:#a1f645}.Button.error{background:#f0576c}.Button:disabled{background:#dcc;color:#000;cursor:not-allowed}.Wrapper{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;z-index:500}.Loader{display:inline-block;position:relative;width:80px;height:80px}.Loader div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;animation:animate-loader 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#cef}.Loader div:first-child{animation-delay:-.45s}.Loader div:nth-child(2){animation-delay:-.3s}.Loader div:nth-child(3){animation-delay:-.15s}@keyframes animate-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Quiz{display:flex;justify-content:center;padding-top:100px;flex-grow:1;width:100%;background:linear-gradient(90deg,#5041b2,#796c92)}.Quiz h1{color:#fff}.Quiz__Wrapper{width:90%;margin:0 auto}.Auth{display:flex;flex-direction:column;align-items:center;padding-top:20vh;background:linear-gradient(90deg,#5041b2,#796c92);flex-grow:1}.Auth h1{margin-bottom:60px;color:#fff}.Auth__form{flex-direction:column;width:500px;max-width:80%;padding:50px 30px;background:#ccd;box-shadow:1px 2px 2px rgba(0,0,0,.5);border-radius:4px}.Auth__btns,.Auth__form{display:flex}.Input{display:block;margin-bottom:15px}.Input label{margin-bottom:3px;padding:0;color:#121212;font-weight:700}.Input input{display:block;box-sizing:border-box;border:1px solid #d3d3d3;border-radius:4px;margin:0 0 5px;padding:7px;width:100%;outline:none;transition:all .3s ease-in}.Input.invalid label{color:#a32}.Input span.error{color:#a32;font-weight:700;font-size:14px}.QuizCreator{align-items:center;padding-top:10vh;background:linear-gradient(90deg,#5041b2,#796c92);flex-grow:1;width:100%}.QuizCreator,.QuizCreator__wrap{display:flex;flex-direction:column}.QuizCreator__wrap{width:500px;max-width:80%;padding:0 20px}.QuizCreator__wrap h1{color:#fff}.QuizCreator form{width:100%;padding:30px 10px;background:#ccd;box-shadow:1px 2px 2px rgba(0,0,0,.5);border-radius:4px}.Select{margin-bottom:15px}.Select label{margin-bottom:3px;padding:0;color:#121212;font-weight:700}.Select select{display:block;box-sizing:border-box;border:1px solid #d3d3d3;border-radius:4px;padding:7px;margin:0 0 5px;width:100%;outline:none;transition:all .3s ease-in}.QuizList{display:flex;flex-direction:column;align-items:center;padding-top:20vh;background:linear-gradient(90deg,#5041b2,#796c92);flex-grow:1}.QuizList h1{color:#fff}.QuizList ul li{color:#fff;width:500px;max-width:80%;margin-bottom:10px}.QuizList ul li a{text-decoration:none;color:#ffdab9;font-size:20px;transition:all .3s ease-in}.QuizList ul li a:hover{color:#363d54}
/*# sourceMappingURL=main.9bc794d3.chunk.css.map */