@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{background-color:#f4e9bd;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;padding:0;overflow:hidden}.card{perspective:1500px;position:absolute;left:calc(50% - 175px);top:calc(50% - 250px);transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-delay:0s;transform:rotate(-10deg) translate(0);animation:cardIn 1s cubic-bezier(.87,-.41,.19,1.44) alternate}@media (max-width:767px){.card{left:calc(50% - 150px);top:20%}}.card:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0 50px #000;transition:all .5s ease-in-out}.card.is-opened{transform:rotate(0deg) translate(175px)}@media (max-width:767px){.card.is-opened{transform:rotate(0deg) translate(115px)}}@media (max-width:479px){.card.is-opened{transform:rotate(0deg) translate(0)}}.card.is-opened .cart-page-front{transform:rotateY(-180deg)}@keyframes cardIn{0%{opacity:0;transform:rotate(-10deg) translateY(-100%)}25%{opacity:1}to{opacity:1;transform:rotate(-10deg) translate(0)}}.card,.card-page{width:350px;height:500px}@media (max-width:767px){.card,.card-page{width:320px;height:440px}}.card-page{transition:transform 1s ease-in-out;cursor:pointer;position:absolute;outline:1px solid transparent}.cart-page-front{transform-origin:0 50% 0;transform-style:preserve-3d;transform:rotateY(-20deg);z-index:2}.cart-page-inside,.cart-page-outside{position:absolute;-webkit-backface-visibility:hidden}.cart-page-outside{border:10px solid #fbfbfb;background:#c72320 url(/christmas-greetings.jpg) no-repeat 50%;background-size:cover;width:100%;height:100%}@media (max-width:767px){.cart-page-outside{border:5px solid #fbfbfb}}.cart-page-bottom,.cart-page-inside{background-color:#d4d1d0;background-image:url(https://www.dropbox.com/s/8hw7guch8d151kg/pattern.png?raw=1);border:20px solid #d4d1d0;display:-webkit-box;display:-moz-box;display:box;display:-moz-flex;display:flex;flex-direction:column;justify-content:start;align-items:center;text-align:center;overflow:scroll}@media (max-width:767px){.cart-page-bottom,.cart-page-inside{border:10px solid #d4d1d0}}.cart-page-inside{transform:rotateY(-180deg);border-right:none!important;background-position:0 80px}@media (max-width:767px){.cart-page-inside{background-position:0 30px}}@media (max-width:479px){.cart-page-inside{background-position:0 30px}}.cart-page-bottom{z-index:1;border-left:none!important;background-position:-22px 80px}@media (max-width:767px){.cart-page-bottom{background-position:85px 30px}}@media (max-width:479px){.cart-page-bottom{background-position:0 30px}}.merry-christmas{transform:rotate(-20deg)}.merry-christmas svg{width:350px;height:auto}@media (max-width:767px){.merry-christmas svg{width:200px}}@media (max-width:479px){.merry-christmas svg{width:150px}}.click-icon{position:absolute;left:50%;transform:translate(-50%);bottom:20px;animation:iconAnimation 1s ease-in-out infinite alternate;transition:opacity .5s ease-in-out;opacity:1}.click-icon svg{width:96px;height:96px}@media (max-width:767px){.click-icon svg{width:72px;height:72px}}@media (max-width:479px){.click-icon svg{width:48px;height:48px}}.click-icon.is-hidden{opacity:0}@keyframes iconAnimation{0%{transform:translate(-50%)}to{transform:translate(-50%,10px)}}p{font-size:20px;line-height:1.2em;padding-left:10px}h1,p{font-family:Playfair Display,serif}h1{color:#97011d;font-size:30px}@media (max-width:767px){h1{font-size:24px}p{font-size:18px}}@media (max-width:479px){h1{font-size:20px}p{font-size:16px}}