[id="N3478576764"].page { min-height: var(--viewport-height); } [id="N3478576764"] .backdrop { } .mobile [id="N3478576764"] .backdrop { } [id="N3478576764"] .page-content { text-align: center; align-items: flex-start; width: 100%; } [id="H1659902978"].page { min-height: var(--viewport-height); } [id="H1659902978"] .page-content { align-items: center; }

/* Created with http://boockup.marco.land */ @-webkit-keyframes rotatingAnimationX { 0%{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes rotatingAnimationX { 0%{ -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @-webkit-keyframes rotatingAnimationY { 0%{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes rotatingAnimationY { 0%{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes rotatingAnimationZ { 0%{ -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes rotatingAnimationZ { 0%{ -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } html, body { margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0); font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #4a4a4a; text-transform: uppercase; font-size: 10px; text-align: center; letter-spacing: .1em; } a { color: inherit; text-decoration: none; } .container { width: 100vw; height: 100vh; overflow: hidden; -webkit-perspective: 1200px; perspective: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; position: fixed; top: 20; left: 0; z-index: 1000; } .container > div { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform: translateY(-20px) translateX(-30px); } .boockup { -webkit-transform: rotateX(0deg) rotateY(1deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(1deg) rotateZ(0deg); } .book-container { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: 6s rotatingAnimationY linear infinite; animation: 6s rotatingAnimationY linear infinite; } .book-container > div { position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; -webkit-backface-visibility: visible; backface-visibility: visible; } .book-top, .book-bottom, .book-side-right { background-size: auto auto; [id="N3478576764"] .page-layout { } [id="N3478576764"] .page-layout { } .mobile [id="N3478576764"] .page-layout { } epeat: repeat; background-position: top left; } .book-front { background-image: url(https://freight.cargo.site/m/B1939763197982458984358052314143/book-cover.jpg); width: 377.87579999999997px; height: 563.499px; -webkit-transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0,0,0) rotateY(0deg); transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0,0,0) rotateY(0deg); } .book-side-left { background-image: url(https://freight.cargo.site/m/K1939586554174818416084358741023/book-spine.jpg); width: 23.49px; height: 563.499px; -webkit-transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(-11.745px, 0, -11.745px) rotateY(-90deg); transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(-11.745px, 0, -11.745px) rotateY(-90deg); } .book-side-right { background-image: url(https://freight.cargo.site/m/D1939586554156371672010649189407/book-side.jpg); width: 23.49px; height: 563.499px; -webkit-transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(366.13079999999997px, 0px,-11.745px) rotateY(90deg); transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(366.13079999999997px, 0px,-11.745px) rotateY(90deg); } .book-top { background-image: url(https://freight.cargo.site/m/Q1939586554193265160158068292639/book-top.jpg ); background-position: bottom right; width: 377.87579999999997px; height: 23.49px; -webkit-transform: translate3d(-188.93789999999998px, -281.7495px ,11.745px) translate3d(0px, -11.745px, -11.745px) rotateX(90deg); transform: translate3d(-188.93789999999998px, -281.7495px ,11.745px) translate3d(0px, -11.745px, -11.745px) rotateX(90deg); } .book-bottom { background-image: url(https://freight.cargo.site/m/Q1939586554193265160158068292639/book-top.jpg ); width: 377.87579999999997px; height: 23.49px; -webkit-transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0px, 551.754px, -11.745px) rotateX(-90deg); transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0px, 551.754px, -11.745px) rotateX(-90deg); } .book-back { background-image: url(https://freight.cargo.site/m/K1939586554119478183863230086175/book-back.jpg); width: 377.87579999999997px; height: 563.499px; -webkit-transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0,0, -23.49px) rotateY(180deg); transform: translate3d(-188.93789999999998px ,-281.7495px ,11.745px) translate3d(0,0, -23.49px) rotateY(180deg); } #credit { position: fixed; bottom: 1em; right: 1em; z-index: 99; background-color: #fff; border-radius: 8px; box-sizing: border-box; padding: .3rem 1rem; width: 21rem; height: 20px; -webkit-transition: background .2s; transition: background .2s; } #credit:hover { background-color: #d8d8d8; }

[id="H1659902978"].page { min-height: var(--viewport-height); } [id="H1659902978"] .page-content { align-items: center; }

PASIÓN FRONTERA]

INFO