@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1%}}[role=button],button,input[type=button],input[type=reset],input[type=submit]{padding:0;border:0;font:inherit;font-size:100%;color:inherit;text-align:inherit;background:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[role=button]:-moz-focusring,button:-moz-focusring,input[type=button]:-moz-focusring,input[type=reset]:-moz-focusring,input[type=submit]:-moz-focusring{outline:none}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{outline:none}a{color:inherit;text-decoration:none}a:-moz-focusring,a:focus{outline:none}@-ms-viewport{width:device-width}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{line-height:1;font-family:sans-serif;text-align:left}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}caption{caption-side:bottom}th{text-align:inherit}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace}pre{overflow:auto;-ms-overflow-style:scrollbar}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}[tabindex="-1"]:focus{outline:0!important}fieldset{min-width:0}legend{max-width:100%;white-space:normal;color:inherit;display:block}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}[hidden],template{display:none}*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}body{font-family:Maven Pro,sans-serif;line-height:1.5;background-attachment:fixed;background-size:100%;background-image:url(/static/media/background.ac018545.png)}@media (min-width:576px){body{background-image:url(/static/media/background@2x.d5260008.png)}}@media (min-width:768px){body{background-image:url(/static/media/background@3x.cd101b67.png)}}body>div{height:100%}a{color:#21a1d6;text-decoration:underline}p{margin-bottom:20px;color:#f9f9f9;font-size:18px;font-weight:700}.form{display:flex;flex-direction:column}@media (max-width:425px){.form{flex-grow:1}}.form__content{flex-grow:1}.form__button{align-self:center}.form-element{display:flex;align-items:center;width:100%;border-radius:20px;box-shadow:0 0 25px 0 rgba(0,0,0,.2);font-family:Varela Round,sans-serif;color:#333;background-color:#f9f9f9;font-size:16px}@media (max-width:991.98px){.form-element{font-size:14px}}.form-element input[type=checkbox],.form-element input[type=radio]{display:none}.form-element input[type=checkbox]+label,.form-element input[type=radio]+label{color:#333;width:100%;display:flex;align-items:center;padding:10px 15px}.form-element input[type=checkbox]+label .radio-check-mark circle:first-of-type,.form-element input[type=radio]+label .radio-check-mark circle:first-of-type{stroke:#333}.form-element input[type=checkbox]+label .radio-check-mark circle:last-of-type,.form-element input[type=radio]+label .radio-check-mark circle:last-of-type{fill:#333}.form-element input[type=checkbox]+label .radio-check-mark-unchecked circle,.form-element input[type=radio]+label .radio-check-mark-unchecked circle{stroke:#333}.form-element input[type=checkbox]+label svg,.form-element input[type=radio]+label svg{position:relative;top:-.1px;flex-shrink:0;margin-right:7px;fill:#333}.form-element input[type=checkbox][disabled]+label,.form-element input[type=radio][disabled]+label{color:#bdbdbd}.form-element input[type=checkbox][disabled]+label .radio-check-mark circle:first-of-type,.form-element input[type=radio][disabled]+label .radio-check-mark circle:first-of-type{stroke:#bdbdbd}.form-element input[type=checkbox][disabled]+label .radio-check-mark circle:last-of-type,.form-element input[type=radio][disabled]+label .radio-check-mark circle:last-of-type{fill:#bdbdbd}.form-element input[type=checkbox][disabled]+label .radio-check-mark-unchecked circle,.form-element input[type=radio][disabled]+label .radio-check-mark-unchecked circle{stroke:#bdbdbd}.form-element input[type=checkbox][disabled]+label svg,.form-element input[type=radio][disabled]+label svg{fill:#bdbdbd}.form-element__radio{text-shadow:.5px .5px 1px rgba(0,0,0,.1)}.form-element__radio .radio-check-mark{width:15px;height:15px}.form-element__checkbox .checkbox-check-mark{width:20px;height:20px}.form-element__text-field{padding-top:10px;padding-bottom:10px;padding-left:15px;border:none}.form-element__fieldset{margin-bottom:30px}.form-element__fieldset-legend{padding-left:15px;margin:0 0 10px;font-size:20px;font-weight:700;text-align:left;color:#f9f9f9;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.form-element__group>*{margin-bottom:20px}.form ::-webkit-input-placeholder{color:#bdbdbd;font-family:Varela Round,sans-serif;font-size:16px}.form ::-moz-placeholder{color:#bdbdbd;font-family:Varela Round,sans-serif;font-size:16px}.form :-ms-input-placeholder{color:#bdbdbd;font-family:Varela Round,sans-serif;font-size:16px}.form ::-ms-input-placeholder{color:#bdbdbd;font-family:Varela Round,sans-serif;font-size:16px}.form ::placeholder{color:#bdbdbd;font-family:Varela Round,sans-serif;font-size:16px}.page{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:50px}.page .byteout-logo{display:block;margin:0 auto}.page__title{text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:35px;font-weight:700;color:#21a1d6;margin:30px 0;text-align:center}.page__content{flex-grow:1;display:flex;flex-direction:column;padding:25px 25px 0;width:100%}.page__content>*{flex-shrink:0}@media (min-width:768px){.page__content{flex-grow:0;width:700px}}@media (min-width:992px){.page__content{flex-grow:0;width:900px}}.page--with-board{padding-top:100px}.answer--is-selected .form-element{color:#21a1d6}.answer--is-selected .form-element .radio-check-mark circle:first-of-type{stroke:#21a1d6}.answer--is-selected .form-element .radio-check-mark circle:last-of-type{fill:#21a1d6}.answer--is-selected .form-element .radio-check-mark-unchecked circle{stroke:#21a1d6}.answer--is-selected .form-element input[type=radio]+label,.answer--is-selected .form-element input[type=radio][disabled]+label{color:#21a1d6}.answer--is-selected .form-element input[type=radio]+label .radio-check-mark circle:first-of-type,.answer--is-selected .form-element input[type=radio][disabled]+label .radio-check-mark circle:first-of-type{stroke:#21a1d6}.answer--is-selected .form-element input[type=radio]+label .radio-check-mark circle:last-of-type,.answer--is-selected .form-element input[type=radio][disabled]+label .radio-check-mark circle:last-of-type{fill:#21a1d6}.answer--is-selected .form-element input[type=radio]+label .radio-check-mark-unchecked circle,.answer--is-selected .form-element input[type=radio][disabled]+label .radio-check-mark-unchecked circle{stroke:#21a1d6}.answer--is-correct .form-element{color:#f9f9f9;background-color:#03cc66}.answer--is-correct .form-element .radio-check-mark circle:first-of-type{stroke:#f9f9f9}.answer--is-correct .form-element .radio-check-mark circle:last-of-type{fill:#f9f9f9}.answer--is-correct .form-element .radio-check-mark-unchecked circle{stroke:#f9f9f9}.answer--is-correct .form-element input[type=radio]+label,.answer--is-correct .form-element input[type=radio][disabled]+label{color:#f9f9f9}.answer--is-correct .form-element input[type=radio]+label .radio-check-mark circle:first-of-type,.answer--is-correct .form-element input[type=radio][disabled]+label .radio-check-mark circle:first-of-type{stroke:#f9f9f9}.answer--is-correct .form-element input[type=radio]+label .radio-check-mark circle:last-of-type,.answer--is-correct .form-element input[type=radio][disabled]+label .radio-check-mark circle:last-of-type{fill:#f9f9f9}.answer--is-correct .form-element input[type=radio]+label .radio-check-mark-unchecked circle,.answer--is-correct .form-element input[type=radio][disabled]+label .radio-check-mark-unchecked circle{stroke:#f9f9f9}.answer--is-error .form-element{color:#f9f9f9;background-color:#e31529}.answer--is-error .form-element .radio-check-mark circle:first-of-type{stroke:#f9f9f9}.answer--is-error .form-element .radio-check-mark circle:last-of-type{fill:#f9f9f9}.answer--is-error .form-element .radio-check-mark-unchecked circle{stroke:#f9f9f9}.answer--is-error .form-element input[type=radio]+label,.answer--is-error .form-element input[type=radio][disabled]+label{color:#f9f9f9}.answer--is-error .form-element input[type=radio]+label .radio-check-mark circle:first-of-type,.answer--is-error .form-element input[type=radio][disabled]+label .radio-check-mark circle:first-of-type{stroke:#f9f9f9}.answer--is-error .form-element input[type=radio]+label .radio-check-mark circle:last-of-type,.answer--is-error .form-element input[type=radio][disabled]+label .radio-check-mark circle:last-of-type{fill:#f9f9f9}.answer--is-error .form-element input[type=radio]+label .radio-check-mark-unchecked circle,.answer--is-error .form-element input[type=radio][disabled]+label .radio-check-mark-unchecked circle{stroke:#f9f9f9}.answer--is-correct input[type=radio][disabled]+label,.answer--is-error input[type=radio][disabled]+label{color:#f9f9f9}.answer--is-correct input[type=radio][disabled]+label .radio-checkmark circle,.answer--is-error input[type=radio][disabled]+label .radio-checkmark circle{stroke:#f9f9f9}.board{position:fixed;z-index:5;top:0;left:0;height:70px;box-shadow:0 2px 35px 0 rgba(0,0,0,.4);background-color:#2c2c2c;padding:10px 25px;color:#f9f9f9;font-weight:700;font-family:Maven Pro,sans-serif;text-align:center}.board,.board__content-score{display:flex;align-items:center;width:100%}.board__content-score{justify-content:center}.board__content-score-center,.board__content-score-left,.board__content-score-right{width:33.33333%}.board__content-text{position:relative;display:flex;width:100%;min-height:37px;padding-left:31px;align-items:center;justify-content:center}.board__center-content-wrapper{display:inline-block;text-align:center;margin-left:-31px}.board__title-wrapper{margin-left:-31px}.board__title{display:inline-block;font-size:22px}.board__subtitle{display:inline-block;font-size:16px}.board__break-line-wrapper:before{content:"";display:block;margin:-2px;width:calc(100% + 4px);border-top:1px solid #f9f9f9}.board__points{font-family:OpenSans,sans-serif;font-size:16px;letter-spacing:1px;text-align:right}.board__return-btn{position:absolute;left:0;top:0;background-color:#2c2c2c;border:none;padding:0;line-height:0}.board__lives{text-align:left}.board .heart-empty,.board .heart-full{margin:0 6px 0 0}.board .byteout-logo{display:block;margin:auto}.btn,input.btn{display:inline-block;border-radius:30px;box-shadow:0 0 30px 0 #2c2c2c;background-color:#21a1d6;padding:10px 30px;color:#f9f9f9;font-family:Maven Pro,sans-serif;font-size:20px;text-shadow:1px 1px 1px rgba(0,0,0,.4);text-align:center;text-decoration:none;font-weight:500}.btn.disabled,.btn:disabled,input.btn.disabled,input.btn:disabled{background-color:#555353;color:#bdbdbd;pointer-events:none}.btn--small,input.btn--small{font-size:14px;padding:10px 20px}.company__image{position:relative;margin:0 auto 20px}.company__company-image{max-width:100%;height:auto}.company__logo{position:absolute;top:20px;width:200px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:767.98px){.company__logo{width:150px}}.company__social{position:absolute;right:20px;bottom:29px}.company__social li{width:40px;height:40px;margin-bottom:15px}@media (max-width:575.98px){.company__social li{width:30px;height:30px}}.company__social li:last-of-type{margin-bottom:0}.company__social li img{width:40px}.company__text p{font-size:18px}@media (min-width:768px){.company__text p{font-size:23px;text-align:center;max-width:450px;margin:20px auto}}.company__text p:last-of-type{font-size:16px}@media (min-width:768px){.company__text p:last-of-type{font-size:20px}}.magic-ball{position:relative;display:flex;justify-content:center;padding-top:60px}@media (max-width:767.98px){.magic-ball{padding-top:0;height:160px}}@media (max-width:767.98px){.magic-ball svg{-webkit-transform:scale(.6);transform:scale(.6)}}.magic-ball__points{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#03cc66;font-size:30px;font-weight:700}@media (max-width:767.98px){.magic-ball__points{font-size:20px}}.magic-ball__streak{position:absolute;z-index:1;top:160px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#03cc66;font-size:27px}@media (max-width:767.98px){.magic-ball__streak{top:95px;font-size:20px}}@media (max-width:575.98px){.magic-ball__streak{top:92px;font-size:18px}}.list{font-size:16px;font-family:Maven Pro,sans-serif;color:#f9f9f9;text-shadow:1px 1px 1px rgba(0,0,0,.4);list-style-type:disc;margin-left:25px}.list,.list__item{margin-bottom:20px}.progress-bar{position:fixed;z-index:5;top:70px;left:0;width:100%;height:7px;background-color:#2c2c2c}.progress-bar :before{top:0;border-top:1px solid rgba(50,178,230,.1)}.progress-bar :after,.progress-bar :before{content:"";position:absolute;right:0;left:0}.progress-bar :after{bottom:0;border-bottom:1px solid rgba(50,178,230,.1)}.progress-bar--end,.progress-bar--ongoing{height:7px;background-color:#32b2e6}.progress-bar--ongoing{border-top-right-radius:5px;border-bottom-right-radius:5px}.result{font-family:Varela Round,sans-serif;font-size:16px;margin-bottom:20px;color:#bdbdbd}.result__question{font-size:18px;font-weight:700;color:#f9f9f9;margin-bottom:10px}.result--answer-is-correct,.result--answer-is-normal,.result__question{text-shadow:1px 1px 4px rgba(0,0,0,.3)}.result--answer-is-correct{color:#03cc66}.result--user-is-correct,.result--user-is-wrong{margin:0 10px;text-shadow:.5px .5px 1px rgba(0,0,0,.35);color:#f9f9f9}.result--user-is-correct-wrapper{background-color:#03cc66}.result--user-is-wrong-wrapper{background-color:#e31529}.result--user-is-correct-wrapper,.result--user-is-wrong-wrapper{margin:0 -10px;border-radius:15px;box-shadow:0 0 25px 0 rgba(0,0,0,.2)}.question__text{color:#21a1d6;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:20px;font-weight:700;margin-bottom:10px}@media (min-width:768px){.question__text{text-align:center}}@media (max-width:991.98px){.question__text{margin-bottom:0;font-size:18px}}.question .answer{margin:20px 0}@media (min-width:768px){.question form{display:flex;flex-wrap:wrap;justify-content:center}.question form>.answer{flex-basis:calc(50% - 20px);margin-left:10px;margin-right:10px}.question form>.answer .form-element{height:100%}}.quiz{display:flex;flex-direction:column;margin-top:70px;-webkit-animation:fadeIn .5s ease-in;animation:fadeIn .5s ease-in}@media (max-width:991.98px){.quiz{margin-top:50px}}@media (min-width:768px){.quiz .magic-ball{margin-bottom:30px}}@media (min-width:768px){.quiz p{text-align:center}}.quiz__quit{text-align:center}.quiz>.btn{margin:40px auto 0}.quiz__actions{display:flex;justify-content:center;align-items:center}@media (max-width:385px){.quiz__actions{flex-direction:column}}.quiz__actions .btn:first-of-type{margin-right:20px}@media (max-width:385px){.quiz__actions .btn:first-of-type{margin-bottom:20px;margin-right:0}}.quiz--end .magic-ball{height:auto;margin-top:20px;margin-bottom:20px}.quiz--end .magic-ball svg{-webkit-transform:scale(1);transform:scale(1)}
/*# sourceMappingURL=main.bca067e1.chunk.css.map */