body{margin:0;overflow-x:hidden}*{box-sizing:border-box}#app{background:linear-gradient(to bottom left,#30757e 0%,#f8f8f8 100%);height:100vh;width:100%;overflow:hidden}.scene{height:100vh;position:relative;overflow:hidden}.screen{position:absolute;width:20vw;height:20vh;left:50%;top:50%;border-radius:10px;border:1vw solid #2b1f24;box-shadow:0 2vw #885f6e;transform:translate(-50%,-50%);box-sizing:content-box;background-color:#fff;display:flex;justify-content:center;align-items:center}.screen::before{content:"";position:absolute;width:40%;height:4vw;bottom:calc(-3vw - 4vw);background-image:url(svg/standScreen.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 0}.screen::after{content:"";position:absolute;width:100vw;height:7vw;bottom:calc(-3vw - 8vw);left:-40vw;background-color:#ffe0a4;z-index:-1;border:solid 2px #584f3d;box-shadow:0 1.2vw #7c7056,0 calc(1.2vw + 2px)#584f3d}#tableAccessories{position:absolute;width:50vw;bottom:calc(-13vw);left:0;transform:translateX(-35%)}#smoke1{transform:translateY(-10px);opacity:.1}#smoke2{transform:translate(-19px,-10px)scale(1.1);opacity:.1}.projects{position:absolute;width:100%;transform:translateY(-100%);display:flex;justify-content:center;align-items:center}.flipbook{width:15vw;height:20vw;min-width:150px;min-height:250px;margin:0 auto;margin-top:1em;transform:perspective(1200px);transform-style:preserve-3d;font-size:clamp(.6rem,1vw,1rem)}.flipbook img{width:100%}.cart{transform-style:preserve-3d;position:relative}.page.cover{color:#fff;text-align:center;background-color:#885f6e;border:solid 5px #885f6e;transform:translateY(-5px);box-sizing:content-box}.page{position:absolute;width:100%;height:100%;box-shadow:inset -1px -1px 20px 6px #00000024;transform-style:preserve-3d;background-color:#fff;transform-origin:left}.page :is(h1,h2,h3,h4,h5,h6,p){margin:.3em 0}.page img{width:100%;margin:1em 0}.page .face,.page .back{position:absolute;top:0;left:0;width:100%;height:100%;padding:.5em 1em}.page .face{-webkit-backface-visibility:hidden}.page .back{transform:rotateY(180deg);-webkit-backface-visibility:hidden}.cover .back{display:flex;flex-direction:column}.social-media{padding:1em 0;overflow:hidden;flex:1;display:flex;flex-direction:column;font-size:clamp(1rem,1.3vw,1.8rem);justify-content:space-between}.social-media a{text-decoration:none;color:inherit;margin:.5em}.social-media a:hover{color:#ccb9c0}