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}.footer{background:#333;color:#fff;padding:16px 0}.footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 32px;text-align:right;color:#888;font-size:14px;display:flex;justify-content:space-between}.footer .footer-inner a{color:#888}@media screen and (max-width:600px){.footer .footer-inner{padding:0 16px}}.navbar{background:#303030;color:#fff;padding:8px 0}.navbar .navbar-inner{max-width:1200px;margin:0 auto;font-size:28px}@media screen and (max-width:600px){.navbar .navbar-inner{padding:0 16px;font-size:24px}}.navbar .navbar-inner a{text-decoration:none;color:#eee;display:flex;align-items:center}.navbar .navbar-inner a img{margin-right:4px;position:relative;top:4px;width:60px}.quiz-page{padding-bottom:32px}.quiz-page .progress-bar-wrapper{margin-bottom:16px;height:32px;border:1px solid #333;overflow:hidden;position:relative;box-sizing:border-box}.quiz-page .progress-bar-wrapper .progress-bar{display:block;background:#333;height:32px;width:100px;transition:all .5s}.quiz-page .progress-bar-wrapper .progress-text{color:#eee;position:absolute;top:7px;left:8px;font-size:12px;z-index:1}.quiz-page .question-wrapper{padding-top:24px;max-width:480px;margin:0 auto}.quiz-page .question-wrapper .question-image{width:100%;height:360px}@media screen and (max-width:600px){.quiz-page .question-wrapper .question-image{height:auto}}.quiz-page .question-wrapper h2{margin:8px 0 16px;padding:0;font-weight:500}.quiz-page .question-wrapper .answers-wrapper .answer{padding:8px 16px;border:1px solid #333;margin-bottom:8px;cursor:pointer;transition:all .5s}.quiz-page .question-wrapper .answers-wrapper .answer.correct-answer{background:#56d656;transition:all .5s;pointer-events:none}.quiz-page .question-wrapper .answers-wrapper .answer.correct-answer:hover{background:#56d656}.quiz-page .question-wrapper .answers-wrapper .answer.wrong-answer{background:#d15454;transition:all .5s;pointer-events:none}.quiz-page .question-wrapper .answers-wrapper .answer.wrong-answer:hover{background:#d15454}.quiz-page .question-wrapper .answers-wrapper .answer:hover{background:#eee}.quiz-page .question-wrapper .back-link{display:inline-block;margin-top:24px;text-decoration:none;color:#333;transition:all .5s}.quiz-page .question-wrapper .back-link:hover{color:#47a83a;transition:all .5s}.setup-page{padding:24px 0 48px}.setup-page h2{font-weight:500;margin-top:0}.setup-page ul.options-wrapper{margin:0;padding:0;display:flex;flex-wrap:wrap}.setup-page ul.options-wrapper li{margin-right:24px;margin-bottom:24px;display:inline-flex;justify-content:center;align-items:center;text-align:center;width:100px;height:100px;border:1px solid #aaa;font-size:18px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s}.setup-page ul.options-wrapper li:last-of-type{margin-right:0}@media screen and (max-width:600px){.setup-page ul.options-wrapper li{width:90px;height:90px;margin-right:16px;margin-bottom:16px}}.setup-page ul.options-wrapper li:hover{border:1px solid #444;background:#f7f7f7;transition:all .5s}.setup-page ul.options-wrapper li.selected{background:#333;color:#fff}.setup-page .error-message{margin-top:4px;color:red}.setup-page .start-button{margin-top:16px;margin-bottom:8px;font-size:20px;display:inline-flex;justify-content:center;align-items:center;width:160px;height:46px;background:#47a83a;color:#fff;cursor:pointer;transition:all .5s}.setup-page .start-button:hover{background:#333;transition:all .5s}.summary-page{display:flex;flex-direction:column;align-items:center}.summary-page .summary-box{margin-top:32px;width:400px;border:1px solid #aaa;padding:32px;text-align:center}@media screen and (max-width:600px){.summary-page .summary-box{width:calc(100% - 64px)}}.summary-page .summary-box .result-header{font-size:20px}.summary-page .summary-box .result{font-size:48px}.summary-page .summary-box a{display:inline-block;margin-top:32px;text-decoration:none;color:#333;transition:all .5s}.summary-page .summary-box a:hover{color:#47a83a;transition:all .5s}.summary-page .blog-info{margin-top:24px;text-align:center;font-size:14px;color:#888}.summary-page .blog-info>div{margin-bottom:4px}.summary-page .blog-info a{text-decoration:none;color:#555;transition:all .5s}.summary-page .blog-info a:hover{color:#47a83a;transition:all .5s}.main-component{color:#111;display:flex;flex-direction:column;min-height:100vh}.main-component .content-wrapper{width:calc(100% - 64px);max-width:1200px;margin:0 auto;flex:1 1;padding:0 32px}@media screen and (max-width:600px){.main-component .content-wrapper{width:calc(100% - 32px);padding:0 16px}}
/*# sourceMappingURL=main.857ba7ef.chunk.css.map */