@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{margin:0;padding:0}body,html{min-height:100%}body{font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:22px;line-height:34px;background:#a8c8c4 linear-gradient(to bottom left,#ccdeeb,#84b39e) no-repeat}a,body{color:#00222d}.back{border:0;background-color:transparent;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.hidden{display:none}@keyframes bounce{0%{transform:translateY(-2000px)}70%{transform:translateY(30px)}90%{transform:translateY(-10px)}to{transform:translateY(0)}}.loader{display:flex;flex-direction:column;align-items:center}.loader__text{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;line-height:36px;margin:100px 0 40px}.loader__icon{width:800px;height:400px;background-image:url(img/loader.svg);background-repeat:no-repeat;background-position:50%}.asterisk{padding:0;color:#de1f1f;cursor:pointer;background:transparent;border:none}.asterisk:focus,.asterisk:hover{color:#d74040}.asterisk:active{color:#af3636}.central{margin:0 auto;position:relative;max-width:1000px;justify-content:space-between;align-items:center}.central,.central__content{display:flex;flex-direction:column}.central__content{padding-top:30px;min-height:740px}.intro{position:relative;display:flex;flex-direction:column;align-items:center;width:800px;height:740px;background:url(img/egg_big.png) no-repeat 50%;background-size:contain}.intro.hidden{display:none}.intro__asterisk{position:absolute;top:290px;left:395px;font-size:172px;line-height:128px}.intro__motto{margin:auto 0 0;position:relative;font-size:18px}.greeting{display:flex;flex-direction:column;align-items:center;position:relative;width:780px;height:740px;transition:background-image 1s ease-in-out;background:url(img/egg_distort.png) no-repeat 50%;background-size:contain}.greeting__asterisk{margin-top:50px;margin-bottom:30px;font-size:80px;line-height:60px}.greeting__challenge{margin:0 auto;text-align:center}.greeting__challenge-title{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;line-height:36px;margin:0 100px 50px}.greeting__challenge-text{font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:22px;line-height:34px;margin:0}.greeting__challenge-list{margin:0;padding:0;list-style:none}.greeting__continue{padding:0;position:absolute;right:-20px;top:300px;width:64px;height:64px;cursor:pointer;background-color:transparent;border:none}.greeting__continue:focus svg,.greeting__continue:hover svg{fill:#d74040}.rules{text-align:center}.rules__title{font-weight:700;font-size:30px;line-height:36px;margin:30px 0}.rules__description,.rules__title{font-family:Roboto,Arial,sans-serif}.rules__description{font-weight:500;font-size:22px;line-height:34px;padding:0;list-style:none;margin:0 0 30px}.rules__icon{vertical-align:middle}.rules__ready{margin:0 0 30px;font-weight:700}.rules__form{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.rules__input{margin-bottom:50px;height:50px;font-family:Roboto,Arial,sans-serif;font-size:22px;line-height:30px;font-weight:700;text-align:center;border:3px solid transparent;border-radius:5px}.rules__input:hover{border-color:#e2a0a1}.rules__input:focus{border-color:#d74040}.rules__button{width:90px;height:90px;font-family:Roboto,Arial,sans-serif;font-size:30px;line-height:60px;font-weight:700;color:#fff;background-color:#d74040;border-width:0;border-radius:45px;cursor:pointer}.rules__button:enabled:focus,.rules__button:enabled:hover{background-color:#ff6969}.rules__button:enabled:active{background-color:#af3636}.rules__button:disabled{background-color:#c6a5a5}.header{height:100px;display:flex;align-items:flex-start;justify-content:space-between}.back{padding:0}.back:focus svg,.back:hover svg{fill:#d74040}.back:active svg{fill:#af3636}.header__tabs{font-size:0}.tab{margin:0;padding:0;width:130px;height:40px;font-size:22px;background-color:rgba(0,0,0,.1);border:none}.tab:focus,.tab:hover{color:#000;background-color:rgba(0,0,0,.3)}.tab--active,.tab:active{color:#fff;background-color:#000}.icon:focus,.icon:hover{fill:#d74040}.icon:active{fill:#af3636}.footer{margin-top:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.footer__made-in{display:block;margin-top:5px;margin-bottom:15px}.footer__link,.footer__made-in{font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:12px;line-height:12px}.footer__link:focus,.footer__link:hover{color:#d74040}.footer__link:active{color:#af3636}.social-link{margin:0 2px;vertical-align:top;text-decoration:none}.social-link:focus .icon,.social-link:hover .icon{fill:#d74040}.game{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.game__timer{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;line-height:36px;font-size:60px;line-height:45px}.game__task{margin:20px 0;font-size:22px;line-height:35px}.game__content{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}.game__option{position:relative;border:10px solid transparent;width:468px;height:458px;font-size:0;text-align:center;vertical-align:middle}.game__answer{position:absolute;width:78px;height:78px;bottom:30px;font-size:0}.game__answer span{display:block;width:100%;height:100%;border-radius:70px;background:rgba(0,0,0,.5) no-repeat 50%}.game__answer span:hover{background-color:#000}.game__answer--photo{left:30px}.game__answer--photo span{background-image:url(img/photo_big.png)}.game__answer--painting{right:30px}.game__answer--painting span{background-image:url(img/paint_big.png)}.game__answer input:focus+span{background-color:#000}.game__answer input:checked+span{background-color:#d74040}.game__content--wide .game__option{width:705px;height:455px}.game__content--wide .game__answer{top:208px}.game__content--wide .game__answer--photo{left:-100px}.game__content--wide .game__answer--painting{right:-100px}.game__content--triple .game__option{cursor:pointer;width:304px;height:455px}.game__content--triple .game__option:hover{border-color:#d74040}.game__content--triple .game__option:active{border-color:#af3636}.stats{margin:0;padding:0;list-style:none;display:flex;align-items:center}.stats__result{width:32px;height:32px;margin:5px}.stats__result--unknown{background:url(img/result-unknown.svg) no-repeat 50%}.stats__result--wrong{background:url(img/result-wrong.svg) no-repeat 50%}.stats__result--correct{background:url(img/result-correct.svg) no-repeat 50%}.stats__result--slow{background:url(img/result-slow.svg) no-repeat 50%}.stats__result--fast{background:url(img/result-fast.svg) no-repeat 50%}.stats__result--alive{background:url(img/heart__full.svg) no-repeat 50%}.result{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.result__title{margin:30px 0;font-size:44px}.result__text{font-family:Roboto,Arial,sans-serif;font-size:22px;line-height:34px;font-weight:500}.result__table{width:670px;margin-bottom:40px}.result__table td{border:10px solid transparent}.result__table .stats{justify-content:flex-end}.result__table--single{width:auto}.result__number{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;line-height:36px;font-size:22px}.result__extra{min-width:50px;text-align:right}.result__total{min-width:40px;text-align:right;text-transform:uppercase}.result__total--final{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;line-height:36px}.modal{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.2)}.modal--hidden{display:none}.modal__inner{position:relative;width:450px;padding:50px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;background:#a8c8c4 linear-gradient(to bottom left,#ccdeeb,#84b39e) no-repeat;animation:bounce .6s}.modal__title{margin:0 0 30px;font-size:32px}.modal__text{margin:0 0 30px;font-size:18px}.modal__text--error{margin-bottom:0}.modal__close{padding:0;position:absolute;top:-40px;right:-40px;width:30px;height:30px;background-color:transparent;background-image:url(img/icon-cross.svg);background-repeat:no-repeat;background-size:30px 30px;border:none;cursor:pointer}.modal__close:focus,.modal__close:hover{opacity:.8}.modal__close:focus{opacity:.6}.modal__button-wrapper{display:flex;justify-content:center}.modal__btn{font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:22px;line-height:34px;padding:0 20px;height:50px;background-color:#fff;border-radius:5px;border:2px solid transparent}.modal__btn:focus,.modal__btn:hover{opacity:.8}.modal__btn:active{opacity:.6}.modal__btn:first-of-type{margin-right:15px}