#viewport{background-color:#5aa4a4}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){main{height:auto}}@media only screen and (max-width: 759px){main{margin-left:0;margin-right:0}.c-header.c-header--compact .c-header__daniel-tiger{width:43%;display:flex;align-items:center}.c-header.c-header--compact .c-header__daniel-tiger img{position:static;width:100%;height:auto}}.story{background:linear-gradient(0deg, rgb(139, 216, 216) 0%, rgb(90, 165, 165) 100%)}.story__content{background:url(../static/story/wood-grain.png) no-repeat 50% 50%;transition:opacity 300ms ease-out;opacity:0}.story.story--loaded .story__content{opacity:1}.story__selection{height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:300px}.story__languages{display:flex;justify-content:center}.story__language.btn--active{background-color:#fff;color:#ff7a00;transform:translate(0, 4px);box-shadow:0 4px 0 #c14400}.story__language.btn--active:hover{transform:translate(0, 4px) !important}.story__play{position:relative;width:160px;height:160px}.story__play::before{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-45%, -50%);background:url(../static/story/play.png) no-repeat center center;background-size:contain;width:60px;height:68px}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){.story__play{margin-bottom:38px}.story__selection{background:url(../static/story/shelf.png) center bottom repeat-x;position:relative}.story__selection::before{content:"";display:block;position:absolute;right:0;bottom:72px;width:113px;height:278px;background:url(../static/story/shelf-books.png) center center no-repeat;background-size:contain}.story__language{width:200px;height:50px;margin:0 10px;font-size:20px}}@media only screen and (max-width: 759px){.story__play{margin-bottom:23px}.story__languages{flex-direction:column;align-items:center;width:100%}.story__language{font-size:28px;height:60px;margin:10px 0;width:100%;max-width:260px}}@media only screen and (max-width: 500px),only screen and (max-height: 500px){.story__play{width:100px;height:100px;margin-bottom:15px}.story__play::before{width:50px;height:57px}.story__language{font-size:21px;height:50px}}.story #game-container{width:100%;display:block}@media only screen and (max-width: 759px),only screen and (min-width: 760px)and (max-width: 959px){.story #game-container{padding-top:20px}}.story .c-game-controls{position:absolute;z-index:10}.story .c-game-controls a{display:block;position:relative;padding:0}.story .c-game-controls a::before{content:"";display:block;top:50%;left:50%;position:absolute;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../static/game/close-icon-up.png)}@media only screen and (min-width: 760px)and (max-width: 959px),only screen and (min-width: 960px)and (max-width: 1499px),only screen and (min-width: 1500px){.story .c-game-controls{top:-71px;right:40px}.story .c-game-controls a{width:80px;height:50px}.story .c-game-controls a::before{width:28px;height:28px}}@media only screen and (max-width: 759px){.story .c-game-controls{top:1.4em;right:15px}.story .c-game-controls a{width:4.4444444444em;height:4em;font-size:inherit !important}.story .c-game-controls a::before{width:37.5%;height:41.6666666667%}}