.filpbook-container{width:100%;height:100vh;margin:3rem auto;display:flex;justify-content:center}.book{position:relative;width:600px;height:100%;transition:transform .5s}.paper{position:absolute;width:100%;height:100%;top:0;left:0;perspective:1500px}.front,.back{background-color:#fff;position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:left;transition:transform .5s;overflow:hidden;border-radius:5px}.front{z-index:1;backface-visibility:hidden;border-left:3px solid powderblue}.back{z-index:0}.front-content,.back-content{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.back-content{transform:rotateY(180deg)}.flipped .front,.flipped .back{transform:rotateY(-180deg);width:100%;height:100%;display:flex;justify-content:center;align-items:center}button{border:none;background-color:transparent;cursor:pointer;margin:10px;transition:transform .5s}button:focus{outline:none}button:hover i{color:#636363}#f1{background-color:#ccc;background-position:left;background-repeat:no-repeat;background-size:cover}.logo-container{width:100%;height:max-content;overflow:hidden;padding:.5rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.logo-container:before{content:"";position:absolute;top:calc(100% - 2px);width:100%;height:4px;background-color:#cf0000;transform-origin:center center;transform:scaleX(0);animation:line-animation 3s ease 1}.logo-container img{margin:0 auto;animation:clip-path-reveal-1 3s ease 1}.logo-container h1{font-family:Minerva Modern Bold;text-transform:uppercase;font-size:40px;font-weight:800;color:#f0f8ff;animation:clip-path-reveal-1 3s ease 1}@keyframes line-animation{0%{transform:scaleX(0)}15%{transform:scaleX(0)}20%,25%{transform:scaleX(1);top:calc(100% - 2px)}50%{transform:scaleX(1);top:0}70%{transform:scaleX(.2);top:0}80%,to{transform:scaleX(.2);top:0}}@keyframes clip-path-reveal-1{0%,25%{clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}#b1{background-image:url(https://www.lighthouseco.ca/cdn/shop/files/image_1_50a43968-9ef4-486c-8a68-9d45a1572f69.jpg);background-color:#ccc;background-position:left;background-repeat:no-repeat;background-size:cover}#f2{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-flip.css.map */