*,button{margin:0}#container,#initialPage,body{background-color:#16A9EA}#bg-nuvem,#initialPage #btnJogar{animation-iteration-count:infinite}#container,#initialPage,#loaderPage,#modalConfig,#modalRanking{height:100%;width:100%}#ranking h1,body{text-align:center}.scoreRanking,.scoreRankingScore{line-height:340%;font-size:1.5vw}#btnConfig,#btnRanking{position:fixed;z-index:2;width:6%;top:2%;cursor:pointer}@font-face{font-family:CandyShop;src:url(../fonts/CandyShopBlack.ttf)}*{padding:0;outline:0;border:none;font-family:CandyShop}.txt-yellow{color:orange}#modalCreditos,#modalInformacoes{display:none;background:rgba(0,0,0,.85);width:100%;height:100%;position:absolute;z-index:1001;animation-duration:.5s;animation-name:animModal;animation-direction:alternate;-webkit-animation-duration:.5s;-webkit-animation-name:animModal;-webkit-animation-direction:alternate;-moz-animation-duration:.5s;-moz-animation-name:animModal;-moz-animation-direction:alternate;-o-animation-duration:.5s;-o-animation-name:animModal;-o-animation-direction:alternate}#modalInformacoes #informacoes{position:absolute;top:5%;width:41%;left:29%}#modalInformacoes #btnCreditos{position:absolute;top:27%;width:20%;margin-top:32%;left:51%;cursor:pointer}#modalInformacoes #btnFecharInformacoes{position:absolute;top:27%;width:20%;margin-top:32%;left:30%;cursor:pointer}#btnInformacoes{position:absolute;top:61%;width:20%;left:41%;cursor:pointer;z-index:100}#loaderPage{background-color:#222;position:absolute;z-index:9999;display:block}#loaderPage h1{font-size:2vw;padding-top:35%;color:#fff}#config,#ranking{background:#f1f1f1;font-size:1.4em;display:block;z-index:1000;margin-top:3%;position:absolute}button{cursor:pointer}body{letter-spacing:1.5px;color:#333;overflow:hidden}#container{border:1px solid #111;position:absolute;margin:0 auto}#initialPage{display:none;position:absolute;z-index:2}#initialPage img#monstros{position:fixed;width:65%;bottom:13%;left:18%}#initialPage #btnJogar{animation-duration:1.5s;animation-name:animationBtnTelaInicial;animation-direction:alternate;-webkit-animation-duration:1.5s;-webkit-animation-name:animationBtnTelaInicial;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-duration:1.5s;-moz-animation-name:animationBtnTelaInicial;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-o-animation-duration:1.5s;-o-animation-name:animationBtnTelaInicial;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;position:absolute;width:55%;margin-bottom:0;bottom:40%;left:23%;cursor:pointer;z-index:5}#creditos{position:absolute;top:12%;width:60%;left:20%}#creditos #imgCreditos{position:absolute;top:71%;width:90%;left:5%}#creditos #fecharCreditos{width:30%;position:absolute;margin-top:57%;left:35%;cursor:pointer}#modalConfig,#modalRanking{position:absolute;top:0;background-color:rgba(0,0,0,.8);display:none;z-index:1000}#config{color:#fff;left:31.5%;padding:2% 2% 7%;top:18%;width:35%;border-radius:30px;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5);-o-box-shadow:inset 0 0 10px rgba(0,0,0,.5);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}#fecharConfig{position:absolute;top:88%;left:25%;width:50%;cursor:pointer}#btnFecharRanking{position:absolute;top:90%;left:30%;width:40%;cursor:pointer}#btnConfigHome,#btnConfigInfo,#btnConfigSound,#fullScreen{width:23%;float:left;padding-left:3%;margin-left:5%;cursor:pointer}#ranking{color:#333;left:23%;padding:3% 2% 10% 3%;top:1%;width:50%;border-radius:20px;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.5);-o-box-shadow:inset 0 0 10px rgba(0,0,0,.5);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}#ranking h1{font-size:1.8vw;text-transform:uppercase;position:relative}.scoreRanking{text-align:left;margin-left:10%}.scoreRankingScore{margin-top:3%;float:right;background:orange}#btnConfig{left:2%}#btnRanking{right:2%}@keyframes animationBtnTelaInicial{from{transform:scale(.82)}to{transform:scale(.97)}}#logo{float:right;margin-top:1%;margin-right:10%}#info{margin-left:2%;margin-top:.5%;max-width:58%;float:left}@media screen and (max-width:555px){#initialFooter{display:none}}#initialPage img#initialNuvem1{position:absolute;top:10%;left:10%;max-width:40%}#initialPage img#initialTitulo{position:absolute;width:65%;margin-bottom:0;top:2%;left:17%;z-index:4}#initialPage img#initialNuvem2{position:absolute;top:40%;right:10%;max-width:40%}#initialFooter{background-color:rgba(0,0,0,.5);position:absolute;bottom:0;height:70px;width:100%}.card{width:9%;height:16.4%;position:absolute;border-radius:18px;perspective:600px;z-index:1;margin-top:17%;margin-left:13%;margin-right:13%;cursor:pointer}.face{width:150%;border-radius:10px;height:150%;position:absolute;transition:all .3s;backface-visibility:hidden}.back{background:url(../img/verso.png) center no-repeat;background-size:cover}.back.flipped{transform:rotateY(180deg)}.front{transform:rotateY(-180deg)}.face.flipped.match,.front.flipped{transform:rotateY(0)}.face.flipped.match{box-shadow:0 0 20px #96f3f1;border-radius:10px;background-repeat:no-repeat;background-size:cover;animation-duration:1s;animation-name:animMonsters;animation-direction:alternate;-webkit-animation-duration:1s;-webkit-animation-name:animMonsters;-webkit-animation-direction:alternate;-moz-animation-duration:1s;-moz-animation-name:animMonsters;-moz-animation-direction:alternate;-o-animation-duration:1s;-o-animation-name:animMonsters;-o-animation-direction:alternate}@keyframes animMonsters{0%{transform:scale(2)}15%{transform:scale(100%)}}#modalFaseInfinita,#modalNextLevel{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none;z-index:2;animation-duration:.5s;animation-name:animModal;animation-direction:alternate;-webkit-animation-duration:.5s;-webkit-animation-name:animModal;-webkit-animation-direction:alternate;-moz-animation-duration:.5s;-moz-animation-name:animModal;-moz-animation-direction:alternate;-o-animation-duration:.5s;-o-animation-name:animModal;-o-animation-direction:alternate}.boxInfo,.boxPoints .box{float:left;display:inline}#bg-nuvem,#modalGameOver{animation-direction:alternate}#menuFaseInfinita{width:100%;margin-top:18%;background-color:#d4d4d4;padding:2% 0;font-size:1.5vw}#menuFaseInfinita h1{font-size:1.8vw}#menuFaseInfinita #btnFaseInfinita{width:22%;margin-top:3%;cursor:pointer}@keyframes animModal{0%{transform:scale(4)}100%{transform:scale(100%)}}#modalNextLevel #btnNextLevelHome{width:25%;margin-top:29%;margin-left:0;padding:0;background:0 0}#modalNextLevel #btnNextLevel{width:25%;background:0 0}#barraNextLevel{height:125px;width:80%;margin-left:10%;margin-top:1%;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:10px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);-moz-box-shadow:0 0 8px rgba(0,0,0,.5);-o-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5);font-size:1.6em;color:#2e4152}.boxPoints,.boxPointsGameOver{background:#f1f1f1;border-radius:20px}#menuNextLevel{width:100%;margin-top:2%}.boxPoints{position:absolute;top:24%;width:50%;left:21%;padding:1% 5%;font-size:calc(1vw);-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 20px rgba(0,0,0,.5);-o-box-shadow:inset 0 0 20px rgba(0,0,0,.5);box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.boxPointsGameOver{position:relative;margin-bottom:4%;left:36%;width:28%;padding:1% 0;font-size:calc(2vw);-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 20px rgba(0,0,0,.5);-o-box-shadow:inset 0 0 20px rgba(0,0,0,.5);box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.boxParabens{color:#fff;position:absolute;top:4%;left:20%;width:50%;padding:1% 5%;font-size:2.4vw;border-radius:20px}.txtGray,.txtOrange{border-radius:10px;padding:1% 0}.boxPoints .box{width:29%;margin-left:3%;margin-right:1%}.txtOrange{background:#ff730c;color:#fff}.txtGray{background:#ccc;color:#333}.boxInfo{margin-top:2%;width:26%;font-size:2em}.boxInfo:nth-child(odd){width:10%}#menuNextLevel img{max-width:80%}#modalGameOver{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:none;z-index:2;animation-duration:.5s;animation-name:animModal;-webkit-animation-duration:.5s;-webkit-animation-name:animModal;-webkit-animation-direction:alternate;-moz-animation-duration:.5s;-moz-animation-name:animModal;-moz-animation-direction:alternate;-o-animation-duration:.5s;-o-animation-name:animModal;-o-animation-direction:alternate}img#btnGameOverHome{width:20%;left:18%;position:absolute;cursor:pointer}img#btnGameOverPlay{width:40%;right:18%;position:absolute;cursor:pointer}#gameOverMenu{width:100%;margin-top:33%}#gameOverMenu img.imgTimeUp{position:absolute;left:30%;top:0;width:40%;margin-top:7%}.barra,.carga{display:block;width:100%}.barra-area{position:absolute;top:2.5%;left:25%;right:25%;display:block;max-width:25%;margin:0 auto}.barra-area .tempo{position:relative;top:-40px;left:5%}.barra{position:relative;background-color:#D6D6D6;padding:7px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.5);-o-box-shadow:inset 0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}#bg-nuvem,#bg-nuvem2,#painel-barra,#painel-nivel,#painel-pontos{position:absolute}.carga{height:30px;background-color:#C71D64;border-radius:3px;-webkit-transition:width .8s ease;-moz-transition:width .8s ease;-o-transition:width .8s ease;transition:width .8s ease}#imgMatchSign{position:relative;top:140px;transition-property:top,opacity;transition-duration:1.5s;-webkit-transition-property:top,opacity;-webkit-transition-duration:1.5s;-moz-transition-property:top,opacity;-moz-transition-duration:1.5s;-o-transition-property:top,opacity;-o-transition-duration:1.5s;opacity:1;width:30%;z-index:-2000}#bg-nuvem{top:25px;right:0;animation-duration:30s;animation-name:animationNuvem;-webkit-animation-duration:30s;-webkit-animation-name:animationNuvem;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-duration:30s;-moz-animation-name:animationNuvem;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-o-animation-duration:30s;-o-animation-name:animationNuvem;-o-animation-iteration-count:infinite;-o-animation-direction:alternate}@keyframes animationNuvem{from{margin-right:60%}to{margin-right:15%}}#bg-nuvem2{top:320px;right:0;animation-duration:54s;animation-name:animationNuvem2;animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-duration:54s;-webkit-animation-name:animationNuvem2;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-duration:54s;-moz-animation-name:animationNuvem2;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-o-animation-duration:54s;-o-animation-name:animationNuvem2;-o-animation-iteration-count:infinite;-o-animation-direction:alternate}@keyframes animationNuvem2{from{margin-right:55%}to{margin-right:25%}}#painel-barra{background:#f1f1f1;height:60px;width:65%;top:15px;left:12%;padding-right:10%;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 10px rgba(0,0,0,.5);-o-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}#painel-pontos{right:7%;top:24%}#painel-nivel{left:6%;top:24%}@media screen and (max-height:800px){.barra-area{top:3%}}@media screen and (min-height:725px){.boxPointsGameOver{top:30%}}@media screen and (max-height:600px){.barra-area{top:4%}#config{padding-top:0}}@media screen and (max-height:500px){.barra-area{top:5%}}@media screen and (max-height:450px){.barra-area{top:6%}}@media screen and (max-height:300px){.barra-area{top:9.5%}}@media screen and (max-width:535px){.card{margin-top:24%}}@media screen and (max-width:460px){.barra-area{top:9.5%}}@media screen and (max-width:1000px){#painel-barra{font-size:.8em}}@media screen and (max-width:845px){#painel-nivel{left:5%;font-size:.7em}#painel-pontos{right:3%;font-size:.7em}.barra-area .tempo{font-size:.8em;top:-44px}}