.p_n-dimensiones{animation:presentation_anim 7s ease-out infinite running}@keyframes presentation_anim{0%{opacity:0;-webkit-transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0);transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0)}20%{opacity:1;transform:rotateZ(60deg)}90%{opacity:1;transform:scale(0.5)}100%{opacity:.1;transform:scale(0.1) rotateZ(-60deg)}}.presentation_game0{perspective:800px;transform-style:preserve3d;height:17em;position:absolute;left:20%;top:1%;transform:translate(-50%,-50%);width:34em}img .p_n-dimensiones{position:absolute;width:100%}@media(min-width:480px) and (max-width:640px){.presentation_game0{font-size:10px;height:60em;top:0}}@media only screen and (max-width:480px){.presentation_game0{font-size:7px;left:20%;top:0}}.p_entertainment{animation:entertainment_anim 7s ease-out infinite running}@keyframes entertainment_anim{0%{opacity:0;-webkit-transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0);transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0)}20%{opacity:1;transform:rotateZ(-60deg)}90%{opacity:1;transform:scale(0.5)}100%{opacity:.1;transform:scale(0.1) rotateZ(60deg)}}.presentation_game1{perspective:800px;transform-style:preserve3d;height:17em;position:absolute;left:20%;top:1%;transform:translate(-50%,-50%);width:34em}img .p_entertainment{position:absolute;width:100%}@media(min-width:480px) and (max-width:640px){.presentation_game1{font-size:10px;height:60em;top:0}}@media only screen and (max-width:480px){.presentation_game1{font-size:7px;left:20%;top:0}}.p_presents_game{animation:presents_game_anim 7s ease-out infinite running}@keyframes presents_game_anim{0%{opacity:0;-webkit-transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0);transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0)}20%{opacity:1;transform:rotateZ(60deg)}90%{opacity:1;transform:scale(0.5)}100%{opacity:.1;transform:scale(0.1) rotateZ(-60deg)}}.presentation_game2{perspective:800px;transform-style:preserve3d;height:17em;position:absolute;left:30%;top:1%;transform:translate(50%,-50%);width:34em}img .p_presents_game{position:absolute;width:100%}@media(min-width:480px) and (max-width:640px){.presentation_game2{font-size:10px;height:60em;transform:translate(30%,-30%);top:0}}@media only screen and (max-width:480px){.presentation_game2{font-size:7px;transform:translate(30%,-30%);left:20%;top:0}}.p_the_lost_city{animation:the_lost_city_anim 7s ease-out infinite running}@keyframes the_lost_city_anim{0%{opacity:0;-webkit-transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0);transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0)}20%{opacity:1;transform:rotateZ(-60deg)}90%{opacity:1;transform:scale(0.5)}100%{opacity:.1;transform:scale(0.1) rotateZ(60deg)}}.presentation_game3{perspective:800px;transform-style:preserve3d;height:17em;position:absolute;left:30%;top:1%;transform:translate(50%,-10%);width:34em}img .p_the_lost_city{position:absolute;width:100%}@media(min-width:480px) and (max-width:640px){.presentation_game3{font-size:10px;height:60em;transform:translate(30%,-10%);left:0;top:-20%}}@media only screen and (max-width:480px){.presentation_game3{font-size:7px;transform:translate(30%,-10%);left:30%;top:-20%}}.codepen{width:150px;height:150px;border-radius:50%;border:10px solid blue;position:absolute;top:calc(70% - 85px);left:calc(15% - 85px);transform-style:preserve-3d;perspective:10000px;animation:rotate 5s infinite linear;box-sizing:border-box;box-shadow:0 0 10px #45e8ff,inset 0 0 10px #45e8ff}.codepen .cube{transform-style:preserve-3d;perspective:10000px;position:absolute;top:calc(70% - 25px);left:calc(15% - 25px);transform:translateZ(40px) rotateX(-45deg) rotateY(45deg);animation:rotate2 5s infinite linear}.codepen .cube .face{position:absolute;width:60px;height:50px;border:5px solid red;box-sizing:border-box;box-shadow:0 0 10px #45e8ff,inset 0 0 10px #45e8ff}.codepen .cube .face:nth-child(1){transform:rotateY(90deg) translateZ(35px)}.codepen .cube .face:nth-child(2){transform:rotateY(180deg) translateZ(35px)}.codepen .cube .face:nth-child(3){transform:rotateY(270deg) translateZ(35px)}.codepen .cube .face:nth-child(4){transform:rotateY(360deg) translateZ(35px)}.codepen .cube .face:nth-child(5){transform:rotateX(90deg) translateZ(35px);height:60px}.codepen .cube .face:nth-child(6){transform:rotateX(-90deg) translateZ(25px);height:60px}@keyframes rotate{100%{transform:rotateY(360deg)}}@keyframes rotate2{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{transform:rotateZ(-360deg) rotateX(-360deg) rotateY(-360deg)}}.codepen2{width:150px;height:150px;border-radius:50%;border:10px solid green;position:absolute;top:calc(70% - 85px);left:calc(15% - 85px);transform-style:preserve-3d;perspective:10000px;animation:rotate1 5s infinite linear;box-sizing:border-box;box-shadow:0 0 10px #45e8ff,inset 0 0 10px #45e8ff}@keyframes rotate1{100%{transform:rotateX(360deg)}}.view{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-perspective:400;perspective:400}.plane{width:50px;height:50px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.plane.main{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transform:rotateX(60deg) rotateZ(-30deg);transform:rotateX(60deg) rotateZ(-30deg);-webkit-animation:rotate3 20s infinite linear;animation:rotate3 20s infinite linear}.plane.main .circle{width:50px;height:50px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:10%;box-sizing:border-box;box-shadow:0 0 10px #2ee90d,inset 0 0 10px #2ee90d}.plane.main .circle::before,.plane.main .circle::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10%;height:10%;border-radius:10%;background:#2ee90d;box-sizing:border-box;box-shadow:0 0 10px 2px #2ee90d}.plane.main .circle::before{-webkit-transform:translateZ(-90px);transform:translateZ(-90px)}.plane.main .circle::after{-webkit-transform:translateZ(90px);transform:translateZ(90px)}.plane.main .circle:nth-child(1){-webkit-transform:rotateZ(72deg) rotateX(63.435deg);transform:rotateZ(72deg) rotateX(63.435deg)}.plane.main .circle:nth-child(2){-webkit-transform:rotateZ(144deg) rotateX(63.435deg);transform:rotateZ(144deg) rotateX(63.435deg)}.plane.main .circle:nth-child(3){-webkit-transform:rotateZ(216deg) rotateX(63.435deg);transform:rotateZ(216deg) rotateX(63.435deg)}.plane.main .circle:nth-child(4){-webkit-transform:rotateZ(288deg) rotateX(63.435deg);transform:rotateZ(288deg) rotateX(63.435deg)}.plane.main .circle:nth-child(5){-webkit-transform:rotateZ(360deg) rotateX(63.435deg);transform:rotateZ(360deg) rotateX(63.435deg)}@-webkit-keyframes rotate3{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}@keyframes rotate3{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0)}100%{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}.p_n_dimensiones_credits{transform-style:preserve-3d;perspective:10000px;animation:presentation_credits 7s ease-out infinite running}@keyframes presentation_credits{0%{opacity:0;-webkit-transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0);transform:scale(1) translateY(0.5em) rotateX(0) rotateY(0) rotateZ(0)}20%{opacity:1;transform:rotateZ(60deg)}90%{opacity:1;transform:scale(0.5)}100%{opacity:.1;transform:scale(0.1) rotateZ(-60deg)}}