@charset "UTF-8";:not(input):not(textarea):not(select){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}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,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,menu,nav,section{display:block}*,:after,:before{box-sizing:border-box}button{background-color:transparent;line-height:1em;margin:0;padding:0;cursor:pointer;border:none;opacity:1}html:not(.touch) button:hover .base{fill:#5d614e}button:active .base{fill:#a2b558!important}button svg{width:99%;height:99%}@font-face{font-family:open_sans_light;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Light-webfont.svg#open_sanslight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:open_sans_bold;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Bold-webfont.woff) format('woff'),url(../fonts/OpenSans-Bold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:massalleraregular;src:url(../fonts/massallera-webfont.eot);src:url(../fonts/massallera-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/massallera-webfont.woff2) format('woff2'),url(../fonts/massallera-webfont.woff) format('woff'),url(../fonts/massallera-webfont.ttf) format('truetype'),url(../fonts/massallera-webfont.svg#massalleraregular) format('svg');font-weight:400;font-style:normal}html{font-size:100%}body{text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,:after{color:#000}h1{line-height:1.2em;margin:0 0 1em}h2,h3,h4{line-height:1.3em;margin:2em 0 1em}h1{font-size:2.6em}h2{font-size:1.8em}h3{font-size:1.2em}p{font-size:1.2em;line-height:1.6em;margin-bottom:1em}:after,h1,nav#categories h3{font-family:massalleraregular;font-weight:400;font-style:normal}#result button.continue:before{font-family:massalleraregular;font-weight:400;font-style:normal}h2,p{font-family:open_sans_light;font-weight:400;font-style:normal}h3,strong{font-family:open_sans_bold;font-weight:400;font-style:normal}footer button{font-family:open_sans_light;font-weight:400;font-style:normal}html{background-color:#c0d376;font-size:100%;-webkit-transition:.8s background-color;transition:.8s background-color}body{line-height:1}#main,#stage,body,html{min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden}#stage{z-index:2}header{text-align:right;height:0;left:6vw;right:6vw;top:6vw;position:fixed;z-index:3}header button{width:16vw;max-width:6rem;height:16vw;max-height:6rem}header button.logo{float:left}header button.logo svg .base{fill:#c0d376}header button.previous{display:none!important;visibility:hidden}header button.repeat{margin-left:2vw;display:none!important;visibility:hidden;float:right}#main{overflow-y:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:2}#dictionary{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}footer{text-align:center;left:6vw;right:6vw;bottom:6vw;position:fixed;z-index:3}footer button{background-color:#fff;color:#000;border:2px solid #5d614e;font-size:2vh;line-height:1.2em;margin:auto;padding:.4em 1.2em;position:relative;border-radius:1em}html:not(.touch) footer button:hover{background-color:#5d614e;color:#fff}footer button:active{background-color:#a2b558!important;color:#fff!important;border-color:#84973a!important}body:not(.home) footer{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}#app-loader{z-index:1}#app-loader:before{content:'';border-color:#84973a;border-right-color:#fff;border-style:solid;border-width:3px;margin-left:-15vw;margin-top:-15vw;width:30vw;height:30vw;display:block;left:50vw;top:50vh;position:fixed;opacity:1;border-radius:100%}#app-loader svg{margin-left:-100vw;margin-top:-100vw;width:200vw;height:200vw;display:block;left:50vw;top:50vh;position:fixed;-webkit-transition:.8s width,.8s height,.8s margin-left,.8s margin-top;transition:.8s width,.8s height,.8s margin-left,.8s margin-top}article{font-size:3vw;margin:0 auto;padding-left:4vw;width:90vw;max-width:30em;z-index:1}article .credits{border:1px solid #000;margin:0 0 3em;padding:1em;border-radius:.6em}article a.footnote:after{content:'*'}article p.footnote{background-color:#fafaa0;font-size:1.1em;padding:1em 1em 1em 2.2em;position:relative;border-radius:.6em}article p.footnote:before{content:'*';font-size:1.6em;left:.5em;top:.8em;position:absolute}article .logos{text-align:center}article .logos img{vertical-align:middle;padding:1em;width:50vw;max-width:20rem;display:inline-block}nav{margin:0;padding:0}#home{z-index:3}#home button{background-image:url(../images/animaliak-home.png);background-size:120vw;background-repeat:no-repeat;background-position:50%}#categories{text-align:center;z-index:1}#categories nav{margin-top:20vh}#categories button{background-color:#fff;background-size:2.4em 2.4em;background-repeat:no-repeat;background-position:.5em 50%;color:#000;font-family:massalleraregular;font-weight:400;font-style:normal;font-size:6.4vw;text-align:left;margin:0 auto;width:90vw;height:3.1em;display:inline-block;position:relative;border-radius:.6em}#categories button#c1{background-image:url(../images/categories/category-1.png)}#categories button#c2{background-image:url(../images/categories/category-2.png)}#categories button#c3{background-image:url(../images/categories/category-3.png)}#categories button#spell{background-image:url(../images/categories/spell.png)}#categories button#puzzle{background-image:url(../images/categories/puzzle.png)}#categories button:before{content:attr(eu);margin:auto;height:1.5em;display:inline-block;left:3.5em;right:8em;top:1.2em;position:absolute}html:not(.touch) #categories button:hover{background-color:#66791c;color:#fff}#categories button:active{background-color:#a2b558!important;color:#fff!important}#categories button.stars:after{background-image:url(../images/icons/star-green.svg),url(../images/icons/star-green.svg),url(../images/icons/star-green.svg),url(../images/icons/star-gray.svg),url(../images/icons/star-gray.svg),url(../images/icons/star-gray.svg);right:.5em;top:0;bottom:0;position:absolute}#preview{z-index:1}#preview button{background-repeat:no-repeat;background-size:90% auto;background-position:center 0;margin:auto;width:100vw;max-width:70vh;height:100vw;max-height:70vh;left:0;right:0;top:0;bottom:0;position:fixed;z-index:1}#preview button:not(.loading):before{content:'';width:100vw;height:100vw;left:0;right:0;top:0;bottom:0;position:fixed}#stage.test-intro{background-color:#a6aa98;-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}#stage.test-intro:before{content:'Zein da?';font-family:massalleraregular;font-weight:400;font-style:normal;color:#fff;font-size:12vw;line-height:90vh;text-align:center;min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden;z-index:1}#stage.test-intro header .repeat{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}#stage.test-intro #test{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}#test{margin:auto;width:100vw;max-width:66vh;height:100vw;max-height:66vh;left:0;right:0;top:0;bottom:0;position:fixed;z-index:1}#test button{background-repeat:no-repeat;background-size:100%;width:50vw;max-width:33vh;height:50vw;max-height:33vh;float:left;display:inline-block;position:relative}#test button:after{content:'';background-repeat:no-repeat;background-position:50%;margin:auto;width:50%;height:50%;left:0;right:0;top:0;bottom:0;position:absolute}#test button.correct:after{background-image:url(../images/icons/correct.svg)}#test button.incorrect:after{background-image:url(../images/icons/incorrect.svg)}#test.title:after{top:104%}#result{background-color:#a2b558}#result button{color:#fff;font-size:6vw;text-align:center}#result button:after,#result button:before{padding-left:6vw;padding-right:6vw}#result button:before{content:attr(eu);font-size:2em;line-height:1.3em;left:0;right:0;top:50vh;position:absolute}#result button.stars:after{background-image:url(../images/icons/star-white.svg),url(../images/icons/star-white.svg),url(../images/icons/star-white.svg),url(../images/icons/star-green.svg),url(../images/icons/star-green.svg),url(../images/icons/star-green.svg);font-size:3em;left:0;right:0;bottom:55vh;position:absolute}#multit{background-size:auto 36%;background-repeat:no-repeat;background-position:50% 5vh;width:100vw;height:100vh;z-index:1}body .scrn{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}body.categories #categories.scrn,body.home #home.scrn,body.info #info.scrn,body.preview #preview.scrn,body.puzzle #multit.scrn,body.result #result.scrn,body.spell #multit.scrn,body.test #test.scrn{-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;visibility:visible;height:auto;overflow:visible}body:not(.loading):not(.home) #app-loader{display:none!important;visibility:hidden}body.home header{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}body.preview #stage:not(.first) header .previous,body.preview header .repeat{display:inline-block!important;visibility:visible}body.test header .repeat{display:inline-block!important;visibility:visible}body.result{background-color:#a2b558}body.result header button .base{fill:#fff}html:not(.touch) body.result header button:hover .base{fill:#84973a}body.puzzle header .repeat,body.spell header .repeat{display:inline-block!important;visibility:visible}html #stage{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}html.loading:before{content:'©2016 ONOFF.es';color:#66791c;font-size:.8em;font-family:Arial;padding:6vw;display:block;right:0;bottom:0;position:fixed}html.loading #app-loader:before{-webkit-animation:.5s a-loading linear infinite;animation:.5s a-loading linear infinite;-webkit-transition:.8s .4s opacity;transition:.8s .4s opacity}html.loading #app-loader svg{margin-left:-5vw;margin-top:-5vw;width:10vw;height:10vw}html.charged{background-color:#fff}html.charged #stage{visibility:visible;height:auto;overflow:visible}html.charged #app-loader:before{border:none}#stage #test button:before,#stage button.next:before{opacity:0}#stage:not(.loading) #test button,#stage:not(.loading) button.next{-webkit-animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;animation:.8s a-fade-in cubic-bezier(.2,1,.3,1) forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes a-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes a-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes a-fade-in{0%{-webkit-transform:perspective(400) translate3d(0,0,-2vw);transform:perspective(400) translate3d(0,0,-2vw);opacity:0}75%{opacity:1}100%{-webkit-transform:perspective(400) translate3d(0,0,0);transform:perspective(400) translate3d(0,0,0)}}@keyframes a-fade-in{0%{-webkit-transform:perspective(400) translate3d(0,0,-2vw);transform:perspective(400) translate3d(0,0,-2vw);opacity:0}75%{opacity:1}100%{-webkit-transform:perspective(400) translate3d(0,0,0);transform:perspective(400) translate3d(0,0,0)}}.stars:after{content:'';background-position:0 1.2em,1.3em 1.2em,2.6em 1.2em,0 0,1.3em 0,2.6em 0;background-repeat:no-repeat;margin:auto;width:3.8em;height:1.2em;display:inline-block}.stars.star-1:after{background-position:0 0,1.3em 1.2em,2.6em 1.2em,0 1.2em,1.3em 0,2.6em 0}.stars.star-2:after{background-position:0 0,1.3em 0,2.6em 1.2em,0 1.2em,1.3em 1.2em,2.6em 0}.stars.star-3:after{background-position:0 0,1.3em 0,2.6em 0,0 1.2em,1.3em 1.2em,2.6em 1.2em}.title:after{content:attr(eu);font-size:8vw;text-align:center;line-height:1.1em;margin-left:-40vw;padding:0;width:80vw;left:50%;top:98%;position:absolute}.cnt:before{content:'';width:100%;padding-top:22vh;display:block}.cnt:after{content:'';width:100%;padding-bottom:22vh;display:block}.fscrn{min-width:100vw;min-height:100vh;left:0;right:0;top:0;bottom:0;position:fixed;overflow:hidden}.separator{margin:0;padding:0;visibility:hidden}.hidden{visibility:hidden;margin-top:-1px;padding:0;height:0;overflow:hidden}.visible{visibility:visible;height:auto;overflow:visible}.off:after{content:'';left:0;right:0;top:0;bottom:0;position:fixed;display:block;z-index:999}html{background-image:url(../images/animaliak-home.png),url(../images/categories/category-1.png),url(../images/categories/category-2.png),url(../images/categories/category-3.png),url(../images/categories/spell.png),url(../images/categories/puzzle.png),url(../images/icons/star-white.svg),url(../images/icons/star-green.svg),url(../images/icons/star-gray.svg),url(../images/icons/correct.svg),url(../images/icons/incorrect.svg);background-position:200vw;background-repeat:no-repeat}@media only screen and (orientation:landscape){header{left:6vh;right:6vh;top:6vh}header button{width:14vh;max-width:6rem;height:14vh;max-height:6rem}footer{text-align:right;bottom:6vh}footer button{font-size:2vw}article{font-size:2vw;padding-left:0}#home button{background-size:120vh}#categories{padding-bottom:0}#categories button{background-size:5em;background-position:50% .6em;font-size:3.8vh;width:9em;height:9em}#categories button:before{font-size:1.2em;text-align:center;left:.8em;right:.5em;top:5em}#categories button.stars:after{left:0;right:0;top:auto;bottom:.5em;position:absolute}#test{width:200vh;max-width:92vw;height:50vh;max-height:23vw}#test button{width:50vh;max-width:23vw;height:50vh;max-height:23vw}#test.title:after{top:120%}#result button{font-size:6vh}#result button:after,#result button:before{padding-left:6vh;padding-right:6vh}html body.home header .logo{font-size:4.83vh}.title:after{font-size:8vh}.cnt:before{padding-top:20vh}.cnt:after{padding-bottom:20vh}}