::-webkit-scrollbar{height:0;width:0}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-color:initial;height:0}::-webkit-scrollbar-corner{background-color:initial}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;backface-visibility:hidden;background:none;border:none;border-radius:0;border-radius:initial;box-sizing:border-box;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none;-webkit-user-select:none;user-select:none}:root{--light-color:#ebdbff;--dark-color:#40275d;--decor-color:#271839;--first-color:var(--light-color);--second-color:var(--dark-color);--font-size:calc(1dvw/2 + 1dvh/2)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#40275d;background:var(--second-color);color:#ebdbff;color:var(--first-color);font-family:Arial,serif;height:100dvh;margin:0;width:100dvw;#main{font-size:calc(1dvw/2*1.2 + 1dvh/2*1.2);height:100%;padding:1%;width:100%}}.header{align-items:center;display:flex;height:15%;justify-content:space-between;margin-bottom:5%;.title{filter:drop-shadow(.05em .05em 0 var(--decor-color));font-size:10em;line-height:.9}.nav{//width:8.5em;//height:8.5em;display:block;& li{cursor:pointer;display:inline-block;filter:drop-shadow(.4em .4em 0 var(--decor-color));float:right;height:4em;margin-right:.5em;width:4em;& svg{fill:var(--first-color);height:100%;width:100%}}.settings-btn{//margin:0 0 .25em .25em}.github-btn{//margin:0 .25em .25em 0}.faq-btn{//margin:.25em 0 0 .25em}}}@media (orientation:portrait){.header{.nav{& li{margin-bottom:1em}}}}.quiz-question{align-items:center;display:none;flex-direction:column;justify-content:space-evenly;padding:1em 0;position:relative;width:100%;z-index:1;&.active{display:flex}.quiz-question-block{align-items:center;display:flex;flex-direction:column;margin-bottom:3em;.q{font-size:3em;font-weight:700;padding-bottom:1em;text-transform:uppercase}.a-block{text-align:center;.a{//text-decoration:line-through 1em;background:var(--first-color);font-size:2em;&.show{//text-decoration:none;background:none}}}}.show-answer{color:var(--first-color);cursor:pointer;font-size:1.5em;font-weight:700;text-decoration:underline;text-transform:uppercase}}.quiz{align-items:center;display:none;flex-direction:column;height:100%;justify-content:center;overflow:scroll;padding:0 2em;position:relative;visibility:hidden;z-index:1;&.active{display:block;visibility:visible}.question-num{color:var(--second-color);font-size:20em;font-weight:700;left:50%;position:absolute;top:50%;translate:-50% -50%;z-index:0}}.btn-block{align-items:center;display:flex;flex-direction:row;& svg{height:1em;margin-right:.5em;overflow:visible;overflow:initial;& circle{stroke-dasharray:0,350;stroke:var(--first-color);stroke-width:1em;fill:none;rotate:-90deg;transform-origin:50% 50%;transition:all 2.5s linear}}.progress-circle.clean-on{& svg{& circle{stroke-dasharray:350,350}}}.clean{color:var(--first-color);cursor:pointer;font-size:1.5em;font-weight:700;text-decoration:underline}}.ui{border-top:2px solid var(--second-color);height:10%;position:relative;.data-ui,.editor-ui,.quiz-ui{background:var(--decor-color);height:100%;left:0;padding:0 2em;position:absolute;top:0;width:100%}.quiz-ui{align-items:center;display:none;flex-direction:row;justify-content:space-between;&.active{display:flex}.next,.show{color:var(--first-color);cursor:pointer;font-size:1.5em;font-weight:700;text-decoration:underline}}.editor-ui{align-items:center;display:none;justify-content:flex-end;&.active{display:flex}}.data-ui{align-items:center;display:none;flex-direction:row;justify-content:flex-end;&.active{display:flex}.close{color:var(--first-color);cursor:pointer;font-size:1.5em;font-weight:700;text-decoration:underline}}}.question-block{border:.2em dashed var(--second-color);border-radius:1.2em 1.2em 0 0;margin-bottom:2em;transition:all .5s ease .5s;&.editing{border:.2em dashed var(--first-color);border-radius:1.2em;transition:all .5s ease;.pen svg{animation:writer 1.5s linear infinite;transform-origin:0 90%}}.question{border-bottom:2px solid var(--first-color);display:flex;flex-direction:row;justify-content:space-between;padding:.5em 0;position:relative;& h3{display:block;font-size:2em;padding-left:.5em;width:-webkit-fill-available;width:fill-available}.nav{display:flex;flex-direction:row;& svg{fill:var(--first-color);height:100%;width:100%}& li{margin-right:1em}.pen,.trash{cursor:pointer;width:2em}}.num{align-items:center;background:var(--second-color);border:2px solid var(--first-color);border-radius:4em;bottom:0;color:var(--first-color);display:flex;font-size:1em;font-weight:700;height:2em;justify-content:center;left:0;position:absolute;text-align:center;translate:-50% 50%;width:2em}}.answer{background:var(--light-color);border-radius:0 0 1em 1em;color:var(--second-color);font-family:Arial,serif;font-weight:700;max-height:0;overflow:hidden;transition:all 1s ease;&.active{max-height:200px;min-height:10px}& p{padding:1em}}}@keyframes writer{0%{transform:rotate(0deg) translate(0)}20%{transform:rotate(-15deg) translate(.1em)}40%{transform:rotate(-5deg) translate(.2em)}60%{transform:rotate(-15deg) translate(.3em)}80%{transform:rotate(-5deg) translate(.4em)}to{transform:rotate(0deg) translate(0)}}.editor{display:none;height:100%;overflow:scroll;padding:0 2em;position:relative;visibility:hidden;z-index:0;&.active{display:block;visibility:visible}}.info{background:#271839;display:none;height:100%;left:0;padding:3em;position:absolute;top:0;z-index:2;&.active{display:block}& .decor{fill:var(--second-color);left:50%;position:absolute;top:50%;translate:-50% -50%;width:40%;z-index:0}& h3{font-size:4em;padding-bottom:.1em}& h3,& p{position:relative;z-index:1}& p{font-size:1.5em;padding-bottom:1em}}form{display:flex;flex-direction:column;justify-content:space-between;padding-right:4em;width:50%;.input-block{align-items:flex-start;display:flex;flex-direction:column;gap:1em;& label{align-items:center;background:var(--first-color);border-radius:5em;color:var(--second-color);cursor:text;display:flex;filter:drop-shadow(.2em .3em 0 rgb(0,0,0,.4));flex-direction:row;font-size:2em;font-weight:700;padding:.5em .5em .5em 1em;transition:all .25s ease;width:80%;&.lock{background:#0003}& input{color:var(--second-color);font-size:1em;height:100%;padding-left:.1em;width:100%}}}.btn-block{display:flex;flex-direction:row;justify-content:space-between;.btn{color:var(--first-color);display:flex;filter:drop-shadow(.4em .4em 0 rgb(0,0,0,.4));flex-direction:column;font-family:Arial,serif;font-size:1em;transition:all .25s ease;&.lock{color:#0003}button{color:inherit;cursor:pointer;font-size:8em;font-weight:700;line-height:.8}span{font-size:2em}}}}@media (orientation:portrait){form{height:25%;padding:0 1em;width:100%;.input-block{& label{width:100%}}}}.settings{background:#271839;display:none;height:100%;left:0;padding:3em;position:absolute;top:0;width:100%;z-index:2;&.active{display:block}& .decor{fill:var(--second-color);left:50%;position:absolute;top:50%;translate:-50% -50%;width:40%;z-index:0}.settings-block{position:relative;z-index:1;& h3{font-size:4em;padding-bottom:.3em;position:relative;z-index:1}.settings-amount{margin-bottom:1em;& h4{font-size:1.5em;font-weight:100}.questions-amount{.amount-input{-webkit-appearance:none;appearance:none;background-color:var(--first-color);border-radius:.25em;height:.25em;outline:none;width:80%;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--second-color);border:.25em solid var(--first-color);border-radius:1em;cursor:pointer;height:1.5em;width:1.5em}}}}}}.content{display:flex;flex-direction:row;height:75%;width:100%;.quiz-data{background:var(--decor-color);border-radius:2em;overflow-y:scroll;width:50%;.quiz-block{height:90%;position:relative;width:100%}.quiz-li{margin:2em 0;width:100%}}}@media (orientation:portrait){.content{flex-direction:column;height:80%;justify-content:space-between;.quiz-data{height:70%;padding:0 2em;width:100%}}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.41c73c5f.css.map*/