.card.svelte-13f2ayu.svelte-13f2ayu{position:relative;width:16rem;height:22rem;box-shadow:1rem 1rem 3rem #00000026;perspective:94rem;transform:rotate(3deg)}.page.svelte-13f2ayu.svelte-13f2ayu{position:absolute;width:100%;height:100%;overflow:hidden}.front.svelte-13f2ayu.svelte-13f2ayu,.back.svelte-13f2ayu.svelte-13f2ayu{position:absolute;width:100%;height:100%}.back.svelte-13f2ayu.svelte-13f2ayu{transform:rotateY(-180deg);opacity:0}.card.svelte-13f2ayu.svelte-13f2ayu,.page.svelte-13f2ayu.svelte-13f2ayu{transition-duration:1s}.pg1.svelte-13f2ayu.svelte-13f2ayu{transform-origin:left}.card.open.svelte-13f2ayu.svelte-13f2ayu{background-color:red;transform:translate(50%) rotate(-1deg)}.card.open.svelte-13f2ayu .pg1.svelte-13f2ayu{transform:rotateY(-180deg)}.pg1.svelte-13f2ayu .front.svelte-13f2ayu,.pg1.svelte-13f2ayu .back.svelte-13f2ayu{transition-delay:.3s}.card.open.svelte-13f2ayu .pg1 .front.svelte-13f2ayu{opacity:0}.card.open.svelte-13f2ayu .pg1 .back.svelte-13f2ayu{opacity:1}.pg1.svelte-13f2ayu.svelte-13f2ayu{background-color:#6495ed}.pg2.svelte-13f2ayu.svelte-13f2ayu{background-color:#db7093}.front.svelte-13f2ayu.svelte-13f2ayu,.back.svelte-13f2ayu.svelte-13f2ayu{background-color:inherit}.pg1.svelte-13f2ayu.svelte-13f2ayu,.front.svelte-13f2ayu.svelte-13f2ayu{z-index:2}.pg2.svelte-13f2ayu.svelte-13f2ayu,.back.svelte-13f2ayu.svelte-13f2ayu{z-index:1}.front.svelte-13f2ayu.svelte-13f2ayu,.back.svelte-13f2ayu.svelte-13f2ayu{background-position:center;background-size:cover;display:flex}.pg1.svelte-13f2ayu .front.svelte-13f2ayu{background-image:url(/pg1-front.jpg)}.pg1.svelte-13f2ayu .back.svelte-13f2ayu{background-image:url(/pg1-back.jpg)}.pg1.svelte-13f2ayu .back.svelte-13f2ayu{display:flex;justify-content:center}.pg1.svelte-13f2ayu .back span.svelte-13f2ayu{position:absolute;bottom:1rem}.pg2.svelte-13f2ayu .front.svelte-13f2ayu{background-image:url(/pg2-front.jpg)}.pg2.svelte-13f2ayu .front span.svelte-13f2ayu{position:absolute;top:10rem;left:1rem}span.svelte-13f2ayu.svelte-13f2ayu{background-color:#fffffff2;box-shadow:0 0 1em .75em #fffffff2}button.svelte-16lssbl{background-color:transparent;position:absolute;top:0;left:0;width:100vw;height:100vh;border:0;margin:0;padding:0}body{margin:0;background-color:#deb887;height:100vh;width:100vw;display:grid;place-content:center}@media only screen and (orientation: portrait){main.svelte-19k5rm1{transform:rotate(90deg)}}main.svelte-19k5rm1{opacity:0;pointer-events:none;transition:all 3s}main.active.svelte-19k5rm1{opacity:1;pointer-events:all}