@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--dark-gray:#121212;--black:#000}body{font-family:Poppins,sans-serif;overflow-x:hidden}ul{list-style-type:none}main{min-height:100vh;padding:20px}.light{background-color:#dbdefd}.dark,.light{transition:all .4s ease}.dark{background-color:#000;background-color:var(--black);color:#fff}.dark .answer-item,.dark .header,.dark .nav,.dark .question{background-color:#121212;background-color:var(--dark-gray)}.dark .nav-link{color:#fff}.dark .nav-link:hover{color:#4f6fdd}.dark .nav-link-icon{fill:#fff}.dark .answer-item:hover{border-color:#121212;border-color:var(--dark-gray);color:#fff}.dark .answer-item:hover,.dark .quiz-counter{background-color:#121212;background-color:var(--dark-gray)}.dark .quiz-counter{border:2px solid #fff}.dark .form-create,.dark .form-create input{background-color:#121212;background-color:var(--dark-gray)}.header{align-items:center;background-color:#717bee;display:flex;justify-content:flex-end;padding:20px;transition:all .4s ease}.header-button{cursor:pointer;display:flex;height:40px;width:40px}.header-button svg{fill:#fff}.theme{border-radius:50%;color:#717bee;cursor:pointer;height:40px;margin-right:20px;padding:10px;width:40px}.nav,.theme{background-color:#fff}.nav{box-shadow:0 0 50px rgba(0,0,0,.2);height:100%;padding:20px;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .4s ease;width:300px;z-index:100}.nav.show{-webkit-transform:translateX(0);transform:translateX(0)}.nav-header{display:flex;justify-content:flex-end}.nav-body{margin-top:50px}.nav-link{align-items:center;border-radius:10px;color:#787ea0;-webkit-column-gap:20px;column-gap:20px;font-weight:700;height:60px;padding:20px;text-decoration:none}.nav-link,.nav-link-icon{display:flex;transition:all .4s ease}.nav-link-icon{fill:#787ea0;height:20px;width:20px}.nav-link-icon svg{width:100%}.nav-link:hover{background-color:#ebf0fe;color:#4f6fdd}.nav-link:hover .nav-link-icon{fill:#4f6fdd}.close-button{background-color:#717bee;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;width:40px}.close-button svg{fill:#fff}.quiz-wrapper{flex-direction:column}.quiz-timer,.quiz-wrapper{align-items:center;display:flex;justify-content:center}.quiz-timer{color:#717bee;font-size:20px;font-weight:700;height:20px;margin-bottom:100px;width:100px}.quiz-timer svg{height:100%}.quiz-timer span{margin-left:10px;min-width:60px}.quiz{max-width:1000px;position:relative;width:100%}.quiz-counter{align-items:center;background-color:#717bee;border-radius:100px;color:#fff;content:"";display:flex;font-weight:700;height:60px;justify-content:center;left:50%;max-width:280px;position:absolute;top:-30px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .4s ease;width:90%}.question{background-color:#fff;border:2px solid #e0e1f3;border-radius:10px;line-height:1.4;margin-bottom:20px;padding:60px 20px;text-align:center;transition:all .4s ease}@media (min-width:768px){.question{font-size:20px;padding:60px}}.answer-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.answer-list{grid-template-columns:1fr 1fr}}.answer-item{background-color:#fff;border:2px solid #e0e1f3;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .4s ease}.answer-item:hover{background-color:#e8e9fe;border-color:#858acc;color:#858acc}.answer-item.success:hover,.success{background-color:#90ee90;border-color:#90ee90;color:#fff}.answer-item.error:hover,.error{background-color:#f08080;border-color:#f08080;color:#fff}.final-result{align-items:center;display:flex;flex-direction:column;row-gap:20px;text-align:center}.button{background-color:#717aef;border:2px solid transparent;border-radius:100px;color:#fff;cursor:pointer;font-weight:700;padding:20px 50px;transition:all .4s ease}.button:hover{background-color:#fff;border-color:#717aef;color:#717aef}.button--sm{padding:10px}.form-control{margin-bottom:23px}.form-control label{color:#717bee;display:inline-block;font-size:14px;font-weight:700;margin-bottom:10px}.form-control input{border:2px solid #717bee;border-radius:5px;color:#717bee;outline:none;padding:13px;width:100%}.form-create{background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);margin:0 auto;max-width:500px;padding:25px;width:100%}.form-create__footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.form-create__footer{gap:10px;grid-template-columns:repeat(2,1fr)}}.settings h1{margin-bottom:50px}.settings label{display:inline-block;margin-bottom:10px}.settings select{display:block;padding:5px}
/*# sourceMappingURL=main.5cea3dc8.css.map*/