body{margin:0}.app--container,main{background-color:#fff}.app--container{width:100%;max-width:530px;height:100%;max-height:740px}.app--container *{padding:0;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif}.app--container section{width:100%;max-width:530px;height:740px;box-sizing:border-box;background-size:cover}.app--container .start-scene{text-align:center}.app--container .start-scene .game-title{padding:2rem;font-family:Architects Daughter,italic;font-size:2.5rem}@media screen and (max-width:425px){.app--container .start-scene .game-title{font-size:2rem;padding:1.7rem;font-size:1.8rem;padding:1.5rem}}.app--container .start-scene .game-img-container{width:300px;height:300px;margin:1rem auto}.app--container .start-scene .game-img-container .game-img{height:100%;width:auto}.app--container .start-scene .game-description{padding:1.6rem 3.5rem;font-size:1.2rem;line-height:2.1rem}@media screen and (max-width:375px){.app--container .start-scene .game-description{font-size:1.1rem;line-height:1.8rem;padding:1.5rem 3.5rem;font-size:1rem;padding:1.5rem 2.5rem}}.app--container .start-scene .start-game{background-color:#669eff;color:#fff;outline:0;border:0;padding:1rem 2.5rem;border-radius:2.5rem;margin:1rem auto;font-size:1rem}.app--container .start-scene .start-game:hover{cursor:pointer;background-color:#80aeff}.app--container .game-scene{display:none;text-align:center;position:relative}.app--container .game-scene .task{background-color:#669eff;padding:1rem 3rem;font-size:1rem;color:#fff;line-height:1.6rem}@media screen and (max-width:425px){.app--container .game-scene .task{padding:.8rem 1.5rem;font-size:.95rem}}.app--container .game-scene .game-tank{height:660px;width:100%;position:absolute;bottom:0}@media screen and (max-width:375px){.app--container .game-scene .game-tank{height:640px}}.app--container .game-scene .game-tank .words{background-color:#fbfbfb;width:100%;height:130px;display:flex;flex-flow:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:0 2rem;box-sizing:border-box}@media screen and (max-width:425px){.app--container .game-scene .game-tank .words{padding:0 1rem}}.app--container .game-scene .game-tank .words .word{font-family:Architects Daughter,italic;font-weight:700;background-color:#efefef;color:#222;padding:.5rem .75rem;border-radius:.25rem;display:inline-block;margin:.5rem;font-size:1rem}.app--container .game-scene .game-tank .words .word:hover{cursor:pointer;background-color:#faee70}.app--container .game-scene .game-tank .words .word.active-word{background-color:#faee70}.app--container .game-scene .game-tank .words .word.out-word{background-color:#afc7de}@media screen and (max-width:425px){.app--container .game-scene .game-tank .words .word{padding:.5rem .75rem;margin:.35rem .5rem;font-size:.95rem}}@media screen and (max-width:375px){.app--container .game-scene .game-tank .words .word{padding:.5rem;margin:.25rem .5rem 0;font-size:.9rem}}.app--container .game-scene .game-tank .images{background-color:#fff;height:530px;width:100%;position:absolute;bottom:0;display:flex;flex-flow:row;justify-content:center;align-items:flex-start;flex-wrap:wrap}@media screen and (max-width:320px){.app--container .game-scene .game-tank .images{height:500px}}.app--container .game-scene .game-tank .images .image-body{width:160px;height:160px;display:flex;flex-flow:row;justify-content:center;align-items:center;position:relative}@media screen and (max-width:425px){.app--container .game-scene .game-tank .images .image-body{width:135px;height:135px}}@media screen and (max-width:320px){.app--container .game-scene .game-tank .images .image-body{width:105px;height:105px}}.app--container .game-scene .game-tank .images .image-body .image{height:auto;max-height:160px;width:auto;max-width:160px;padding:.5rem;box-sizing:border-box}@media screen and (max-width:425px){.app--container .game-scene .game-tank .images .image-body .image{max-width:135px;max-height:135px}}@media screen and (max-width:320px){.app--container .game-scene .game-tank .images .image-body .image{max-width:105px;max-height:105px}}.app--container .game-scene .game-tank .images .image-body .image.open-img:hover{cursor:pointer;box-shadow:inset 0 0 5px 5px #fff;background-color:#faee70}.app--container .game-scene .game-tank .images .image-body .image.correct-img{box-shadow:inset 0 0 5px 5px #fff;background-color:#34e337}.app--container .game-scene .game-tank .images .image-body .image.wrong-img{box-shadow:inset 0 0 5px 5px #fff;background-color:#de2c2c}.app--container .game-scene .game-tank .images .image-body .image-word{font-family:Architects Daughter,italic;font-weight:700;position:absolute;bottom:30%;text-align:center;background-color:#afc7de;color:#222;padding:.5rem .75rem;border-radius:.25rem;display:inline-block;margin:.5rem;display:none;font-size:1rem}.app--container .end-scene{display:none;text-align:center}.app--container .end-scene .message{padding:2rem;font-family:Architects Daughter,italic;font-size:2.2rem}.app--container .end-scene .result{padding:3rem 3.5rem;font-size:1.2rem;line-height:2.1rem}.app--container .end-scene .action-tank{padding:6rem 0;display:flex;flex-flow:column-reverse;justify-content:flex-start;align-items:center}.app--container .end-scene .action-tank .play-again{background-color:#669eff;color:#fff;outline:0;border:0;padding:1rem 2.5rem;border-radius:2.5rem;margin:1.1rem auto;font-size:1rem}.app--container .end-scene .action-tank .play-again:hover{cursor:pointer;background-color:#80aeff}.app--container .end-scene .action-tank .action-button{display:inline-block}.app--container .end-scene .action-tank .action-button a{display:inline-block;background-color:#669eff;padding:1rem 2.5rem;border-radius:2.5rem;text-decoration:none;margin:1rem;color:#fff;font-size:1rem}.app--container .end-scene .action-tank .action-button a:hover{cursor:pointer;background-color:#80aeff}