body{max-width:1400px;margin:0 auto;font-family:Roboto,sans-serif}.main{position:relative}.header,.main{width:100%;margin:0 auto;overflow:hidden}.header{display:block;max-width:1400px;box-shadow:none;background:transparent;position:fixed;height:60px!important;z-index:10}#sidebarMenu{height:100%;position:fixed;left:0;width:250px;transform:translateX(-250px);transition:transform .65s ease-in-out;background-color:#fff;box-shadow:0 5px 30px -3px rgba(0,0,0,.4)}.sidebarMenuInner{margin-top:60px;padding:0;border-top:1px solid hsla(0,0%,100%,.1)}.sidebarMenuInner li{list-style:none;color:#000;text-transform:uppercase;font-weight:700;font-size:19px;padding:20px;cursor:pointer;transition:all .5s}.sidebarMenuInner li:hover{transition:all .5s;font-size:24px}.sidebarMenuInner li span{display:block;font-size:14px;color:hsla(0,0%,100%,.5)}.sidebarMenuInner li a{color:#fff;text-transform:uppercase;font-weight:700;cursor:default;text-decoration:none}.openSidebarMenu:checked~#sidebarMenu{transform:translateX(0)}.openSidebarMenu{transition:all .3s;box-sizing:border-box;display:none}.sidebarIconToggle{cursor:pointer;z-index:99;height:100%;width:100%;top:22px;left:15px;height:22px;width:22px}.sidebarIconToggle,.spinner{transition:all .3s;box-sizing:border-box;position:absolute}.spinner{height:4px;width:100%;border:1px solid #000}.horizontal{margin-top:3px}.diagonal.part-1,.diagonal.part-2,.horizontal{transition:all .3s;box-sizing:border-box;position:relative;float:left}.diagonal.part-2{margin-top:3px}.openSidebarMenu:checked~.sidebarIconToggle>.horizontal{transition:all .3s;box-sizing:border-box;opacity:0}.openSidebarMenu:checked~.sidebarIconToggle>.diagonal.part-1{transition:all .3s;box-sizing:border-box;transform:rotate(135deg);margin-top:8px}.openSidebarMenu:checked~.sidebarIconToggle>.diagonal.part-2{transition:all .3s;box-sizing:border-box;transform:rotate(-135deg);margin-top:-11px}.cards{display:flex;justify-content:space-evenly;flex-wrap:wrap;min-width:320px;margin:60px auto 20px;padding:90px 0 0}.card{position:relative;display:inline-block;margin:20px;width:310px;height:255px;text-align:center;border-radius:5px;background-position-y:-125px;background-repeat:no-repeat;transition:.3s ease-out}.card_playing{width:310px;height:207px}.card_playing .rotate-button{display:none}.card_main-page{height:310px;box-shadow:1px 5px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);background-image:linear-gradient(40deg,#ffd86f,#fc6262)}.card_main-page:hover{transform:translateY(-14px)}.card_main-page_play-mode{background-image:linear-gradient(40deg,#2096ff,#05ffa3)}.card:hover{cursor:pointer}.card__title{display:block;margin:0 auto;width:100%;font-size:2em;font-weight:300}.card__image{width:100%;height:auto}.card__image-wrapper{width:200px;height:200px;margin:20px auto;overflow:hidden;border:10px solid #fff;border-radius:50%}.card__image_main-page{width:auto;height:100%;margin-left:-50px}.card__back,.card__front{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;text-transform:uppercase;-webkit-backface-visibility:hidden;transition:transform .5s ease;box-shadow:1px 5px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.card__back:hover,.card__front:hover{transition:.5s ease;transform:translateY(-14px)}.card__front{transform:perspective(600px) rotateY(180deg)}.card__back{transform:perspective(600px) rotateY(0)}.card:hover .card__front.rotatable{transform:perspective(600px) rotateY(0deg)}.card:hover .card__back.rotatable{transform:perspective(600px) rotateY(-180deg)}.card__footer_play-mode{display:none}.rotate-button{display:inline-block;position:absolute;right:10px;bottom:10px;border:none;width:30px;height:30px;cursor:pointer;background:url(/assets/img/repeat.svg) no-repeat}.rotate-button:hover{filter:brightness(.5) sepia(1) hue-rotate(-70deg) saturate(5)}.rotate-button:focus{outline:0}.button{cursor:pointer;border:none;background-color:#a87ede;outline:none;font-weight:600;font-size:1.2em;transition:.3s ease-out;text-transform:uppercase;letter-spacing:2px;color:#fff}.button_start-game,.button_to-main-page{width:180px;height:34px;transition:.7s ease-out}.button_start-game:before{content:"Start game"}.button_start-game-repeat:before{content:"";background-image:url(/assets/img/repeat.svg);background-size:35px 38px;display:inline-block;width:35px;height:35px;z-index:1}.button_start-game-repeat{transition:.5s ease-in-out;width:60px}.button__container{display:block;margin:30px auto;text-align:center}.button_training-mode{display:none}.button:hover{background-color:#9d77cf;box-shadow:0 1px 3px #949494}.button_game-mode{position:absolute;top:8px;right:15px}.button_to-main-page{position:absolute;top:15px;left:55px}.toggle-button{position:relative;top:50%;width:130px;height:43px;overflow:hidden}.toggle-button.r,.toggle-button.r .layer{border-radius:100px}.game-mode_checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#ebf7fc;transition:all .3s ease;z-index:1}.toggle-button .knobs:after,.toggle-button .knobs:before{position:absolute;top:4px;left:10px;width:102px;height:18px;color:#fff;font-weight:600;font-size:1.5em;text-transform:uppercase;text-align:center;line-height:.8em;padding:9px 4px;background-color:#e06359;transition:all .3s cubic-bezier(.18,.89,.35,1.15)}.toggle-button .knobs:before{content:"Train"}.toggle-button .knobs:after{content:"Play";top:-36px;right:11px;left:auto;background-color:#00e28f}.game-mode_checkbox:checked+.knobs:before{top:-36px}.game-mode_checkbox:checked+.knobs:after{top:4px}.game-mode_checkbox:checked~.layer{background-color:#fcebeb}.image-blocker{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:hsla(0,0%,100%,.5);z-index:1}.star{display:inline-block;right:0;width:57px}.star,.stars-block{position:absolute;height:57px}.stars-block{top:95px;width:100%}.star_correct{background:url(/assets/img/star-win.svg) no-repeat}.star_incorrect{background:url(/assets/img/star.svg) no-repeat}.result{margin:auto;left:0;text-align:center;z-index:100}.result,.result-image_failure{position:absolute;top:0;width:100%;height:100%}.result-image_failure{background:#fff url(/assets/img/failure.jpg) no-repeat 50%}.result-image_win{position:absolute;top:0;width:100%;height:100%;background:#fff url(/assets/img/success.jpg) no-repeat 50%}.result-statistic{position:relative;top:5%;color:#1465cf;font-weight:600;font-size:1.8em;z-index:1}.cards-blocker{position:absolute;width:100%;height:100%;left:0;top:0}