@font-face{font-family:Compacta BT;src:url(../fonts/CompactaBT-Italic.woff2) format("woff2"),url(../fonts/CompactaBT-Italic.woff) format("woff"),url(../fonts/CompactaBT-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Compacta BT;src:url(../fonts/CompactaBT-BoldItalic.woff2) format("woff2"),url(../fonts/CompactaBT-BoldItalic.woff) format("woff"),url(../fonts/CompactaBT-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Tungsten;src:url(../fonts/Tungsten-Semibold.woff2) format("woff2"),url(../fonts/Tungsten-Semibold.woff) format("woff"),url(../fonts/Tungsten-Semibold.ttf) format("truetype");font-weight:600;font-style:normal}*{box-sizing:border-box}#quiz,body,html{height:100%}body{margin:0;padding:0;font-family:Roboto Condensed,sans-serif;color:#fff}#quiz,body{background:#000}.container{max-width:450px;margin:0 auto;position:relative}.app{padding:0;text-align:center;background-color:#000;background-repeat:no-repeat;background-position:top;background-size:auto 600px}@media (min-width:375px){.app{background-size:auto 667px}}.app.state__loading{color:#aaa;font-size:20px}.app.state__loading .app__wrapper{display:flex;align-items:center;justify-content:center}.app.state__start{background-image:url(../images/background_start_desktop.jpg)}.app.state__question,.app.state__result{background-image:url(../images/background_quiz.jpg)}@media (min-width:376px){.app.state__question,.app.state__result{background-image:url(../images/background_quiz_desktop.jpg)}}.app__wrapper{max-width:375px;min-height:600px;margin:0 auto}@media (min-width:375px){.app__wrapper{min-height:646px}}.app-header-image{max-width:100%;height:auto;margin-top:10px;margin-bottom:-12px}.question-category{margin:0 auto;padding-bottom:50%;background-size:cover;background-repeat:no-repeat;background-position:50%;position:relative}.question-type{font-size:14px;margin-top:0;opacity:.3;position:absolute;top:5px;left:0;right:0}.question{margin:-7px 0 0;padding:0 18px 6px;font-weight:400;text-transform:uppercase;text-shadow:4px 4px 1px rgba(0,0,0,.5);letter-spacing:.5px}.subQuestions{margin-top:0}.subquestion{margin:10px 10px 5px;font-weight:400;font-size:18px;letter-spacing:.5px;text-shadow:4px 4px 1px rgba(0,0,0,.5)}.answerOption{margin:2px;margin-bottom:10px;border-radius:5px;border:2px solid hsla(0,0%,100%,.9);transition:background-color .4s ease,color .4s ease,border-color .4s ease;display:inline-block;width:30%}.answerOption:hover:not(.-disabled){border-color:#79b9f0;transition:background-color .1s ease,color .1s ease}.answerOption.-selected,.answerOption.-selected:hover{border:2px solid #3377bf;color:#fff}.answerOption.-selected.-correct{border-color:green}.answerOption.-selected.-incorrect{border-color:red}.radioCustomButton{position:absolute;width:auto;opacity:0}.continueButton,.radioCustomButton,.radioCustomLabel{display:inline-block;vertical-align:middle;cursor:pointer;user-select:none}.radioCustomLabel{font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400;font-style:italic;position:relative;text-transform:uppercase;width:100%;margin:0;padding:2px 0;line-height:1.3;text-shadow:4px 4px 5px #0b0e14,-4px 8px 5px #171f2b;font-size:22px}@media (min-width:375px){.radioCustomLabel{font-size:27px}}.radioCustomLabel:hover{text-shadow:0 0 2px #a9ddff,0 0 5px #4cb7ff,0 0 12px #0078ff,4px 4px 5px #0b0e14,-4px 8px 5px #171f2b}.-disabled .radioCustomLabel{cursor:default}.-selected .radioCustomLabel{text-shadow:0 0 2px #a9ddff,0 0 5px #4cb7ff,0 0 12px #0078ff,4px 4px 5px #0b0e14,-4px 8px 5px #171f2b}.-selected.-correct .radioCustomLabel{text-shadow:1px 1px 10px rgba(0,0,0,.8),#007300 0 0 10px,#007300 0 0 20px,#007300 0 0 30px,#007300 0 0 40px,#007300 0 0 70px,#007300 0 0 80px;color:#cfc}.-selected.-incorrect .radioCustomLabel{text-shadow:1px 1px 10px rgba(0,0,0,.8),#cb0000 0 0 10px,#cb0000 0 0 20px,#cb0000 0 0 30px,#cb0000 0 0 40px,#cb0000 0 0 70px,#cb0000 0 0 80px;color:#ffd0d0}.answerOptions{margin:0;padding:0;list-style:none}.app__credits{font-size:10px;padding-bottom:1em}.app__credits,.app__credits a{color:#393939;font-family:Arial,sans-serif;text-decoration:none}.app__credits a{margin:0 .5em}.state__start{position:relative}.start__info{position:absolute;right:0;left:0;bottom:0;font-family:Tungsten,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}.start__info h1,.start__info h2,.start__info h3{margin:0;text-shadow:6px 6px 5px #0b0e14,-6px 8px 5px #171f2b;letter-spacing:.02em;line-height:1.1}.start__info h1{font-size:32px}.start__info h2{font-size:18px}.start__info h3{margin-top:1em;margin-bottom:.3em;font-size:28px;text-transform:uppercase;color:#000;text-shadow:0 0 1px #e9c0d9,0 0 2px #e9c0d9,0 0 3px #e9aed9,0 0 3px #921a6d,0 0 7px #921a6c,0 0 8px #921a6c}.startButton{position:relative;cursor:pointer;outline:0;color:#fff;background-color:transparent;transition:color .2s ease;margin:12px 0 0;padding:2px 30px 0;font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:italic;text-transform:uppercase;font-size:32px;line-height:1.2;border-radius:3px;border:1px solid #e996d9;transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,text-shadow .4s ease;box-shadow:0 0 2px #e9c0d9,0 0 4px #921a6c,0 0 6px #921a6c,inset 0 0 12px #921a6c,8px 8px 5px #0b0e14,-8px 10px 5px #171f2b}.startButton:hover{border-color:#fff;text-shadow:0 0 2px #e9c0d9,0 0 4px #921a6c,0 0 6px #921a6c,0 0 10px #921a6c,0 0 12px #921a6c;box-shadow:0 0 2px #e9c0d9,0 0 4px #e9c0d9,0 0 6px #e9c0d9,inset 0 0 12px #e9c0d9,8px 8px 5px #0b0e14,-8px 10px 5px #171f2b}.startButton__text{z-index:1;position:relative}.result__score,.state__result{text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}.result__score{font-family:Compacta BT,Arial Narrow,Arial,sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;text-shadow:4px 10px 5px rgba(0,0,0,.5);margin-bottom:.45em;letter-spacing:.5px;font-size:24px;font-size:10vw}@media (min-width:320px){.result__score{font-size:32px;font-size:10vw}}@media (min-width:375px){.result__score{font-size:40px}}.result__image{position:relative;margin:0 auto 1em;border-radius:10px;width:90%;line-height:0;box-shadow:0 0 5px #a9ddff,0 0 10px #4cb7ff,0 0 15px #0078ff,0 0 20px #0078ff,7px -7px 5px rgba(11,14,20,.8),-10px 10px 10px rgba(23,31,43,.8)}.result__image img{border-radius:8px;border:3px solid #fff;max-width:100%;height:auto}.result__image-shadow{position:absolute;border-radius:4px;top:3px;right:3px;bottom:3px;left:3px;box-shadow:inset 0 0 2px #0078ff,inset 0 0 5px #4cb7ff,inset 0 0 12px #0078ff,inset 0 0 25px #0078ff}.result__text{font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:italic;text-shadow:4px 8px 5px rgba(0,0,0,.5);letter-spacing:1px;margin-bottom:25px;padding-left:4%;padding-right:4%;font-size:24px;font-size:10vw}@media (min-width:320px){.result__text{font-size:32px;font-size:10vw}}@media (min-width:375px){.result__text{font-size:40px}}.result__share{font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:italic;display:inline-block;text-transform:uppercase;text-decoration:none;margin:0 auto 10px;border-radius:5px;border:2px solid hsla(0,0%,78%,.6);transition:background-color .4s ease,color .4s ease,border-color .4s ease;background-color:transparent;background-repeat:no-repeat;background-position:20px 10px;border-color:#fff;color:#fff;padding:10px 20px 8px 50px;background-size:20px;font-size:16px}@media (min-width:320px){.result__share{background-size:20px;font-size:20px}}@media (min-width:375px){.result__share{padding:10px 20px 8px 60px;background-size:30px;font-size:25px}}.result__share:hover{border-color:#ccc;text-shadow:0 0 2px #a9ddff,0 0 5px #4cb7ff,0 0 12px #0078ff}.result__share.result__share-facebook{background-image:url(../images/icon-facebook.svg)}.result__share.result__share-twitter{background-image:url(../images/icon-twitter.svg)}.result__restart:before{content:"";transform:skew(-16deg,0);border:2px solid #ccc;display:block;top:0;right:0;bottom:0;left:0;cursor:pointer;position:absolute;border-radius:2px;transition:border-color .2s ease,background-color .2s ease}.result__restart{outline:0;color:#fff;background-color:transparent;transition:color .2s ease;margin:1em 1em .5em;text-transform:uppercase;font-size:18px;cursor:pointer;font-size:20px;line-height:1.3;font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400;font-style:italic;position:relative;border:0;padding:8px 20px 8px 45px;background-repeat:no-repeat;background-position:15px 8px;background-size:25px;background-image:url(../images/icon-retake.svg)}.result__restart-text{z-index:1;position:relative}.result__restart:hover{text-shadow:0 0 2px #a9ddff,0 0 5px #4cb7ff,0 0 12px #0078ff}.continueButton:before{content:"";transform:skew(-16deg,0);border:2px solid #ccc;display:block;top:0;right:0;bottom:0;left:0;cursor:pointer;position:absolute;border-radius:2px;transition:border-color .2s ease,background-color .2s ease}.continueButton{outline:0;color:#fff;background-color:transparent;transition:color .2s ease;margin:12px 0 10px;padding:2px 30px;font-size:27px;line-height:1.3;text-transform:uppercase;font-family:Compacta BT,Arial Narrow,Arial,sans-serif;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:italic;position:relative;border:0;transition:text-shadow .2s ease}.continueButton,.continueButton:hover{text-shadow:0 0 2px #a9ddff,0 0 5px #4cb7ff,0 0 12px #0078ff,8px 8px 5px #0b0e14,-8px 10px 5px #171f2b}.continueButton:hover:before{border-color:#3377bf}.continueButton__text{z-index:1;position:relative}.continueButton[disabled]:before{border-color:#333;cursor:default;background-color:transparent}.continueButton[disabled]{color:#333;text-shadow:none}.fade-enter{opacity:0}.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease-in-out .3s}.fade-leave{position:absolute;top:0;left:0;width:100%;opacity:1}.fade-leave.fade-leave-active{opacity:0;transition:opacity .5s ease-in-out}.fade-appear{opacity:0}.fade-appear.fade-appear-active{opacity:1;transition:opacity .5s ease-in-out}
/*# sourceMappingURL=main.85d8079d.css.map*/