@import url(https://fonts.cdnfonts.com/css/avenir);.book{transition:opacity .4s .2s}.page{background-color:#111;background:0 0 no-repeat;background-size:cover;float:left;height:500px;margin-bottom:.5em;width:500px}.page:nth-child(2n){clear:both}.book{-webkit-perspective:250vw;perspective:250vw}.book .pages{border-radius:4px;position:relative;width:1000px}.book .page,.book .pages{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.book .page{background-color:#f0f0f0;clear:none;cursor:pointer;float:none;margin:0;position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform 1.4s;transition:transform 1.4s;transition:transform 1.4s,-webkit-transform 1.4s;-webkit-user-select:none;user-select:none;width:500px}.book .page:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .7s;z-index:2}.book .page:nth-child(odd){background-image:linear-gradient(90deg,rgba(0,0,0,.15) 0,transparent 10%);border-radius:0 4px 4px 0;pointer-events:all;right:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.book .page:nth-child(odd):hover{-webkit-transform:rotateY(-15deg);transform:rotateY(-15deg)}.book .page:nth-child(odd):hover:before{background:rgba(0,0,0,.03)}.book .page:nth-child(odd):before{background:transparent}.book .page:nth-child(2n){background-image:linear-gradient(270deg,rgba(0,0,0,.12) 0,transparent 10%);border-color:#000;border-radius:4px 0 0 4px;left:0;pointer-events:none;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}.book .page:nth-child(2n):before{background:rgba(0,0,0,.2)}.book .page.grabbing{transition:none}.book .page.flipped:nth-child(odd){pointer-events:none;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.book .page.flipped:nth-child(odd):before{background:rgba(0,0,0,.2)}.book .page.flipped:nth-child(2n){pointer-events:all;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.book .page.flipped:nth-child(2n):hover{-webkit-transform:rotateY(15deg);transform:rotateY(15deg)}.book .page.flipped:nth-child(2n):hover:before{background:rgba(0,0,0,.03)}.book .page.flipped:nth-child(2n):before{background:transparent}*,* :before,:after{box-sizing:border-box}.page:nth-child(odd){background-position:100% 0}.App{text-align:center}.line{background:#fff;height:.75pt;position:absolute;top:50%;width:100%}.line-box{align-items:center;background:#1a1a1a;display:flex;height:100px;justify-content:center;margin:0 auto;padding:20px;position:fixed;top:calc(50% - 70px);width:400px}.line-text{position:absolute;text-align:center}.gouache{font-size:24pt}.block{color:#000;display:block;margin:100px 0;position:relative}.block .line-right{left:175px}.block .line-left,.block .line-right{background:#000;height:.75pt;position:absolute;top:16px;width:100%}.block .line-left{right:180px}.block .title{background:#fff;font-size:14pt;margin:20px 0}.block .bock-col{gap:30px!important}.block .block-section{color:#464646}section{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;scroll-snap-align:center}section>div{overflow:hidden;position:relative}h1{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.buy-bar{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:rgba(29,29,31,.7);line-height:60px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:500}.step-blox{margin:25px 0}.price-summary{margin:0 25px;width:250px}.price-summary td:nth-child(2n){text-align:right}.price-summary td:nth-child(odd){color:#646464}body,html{height:100%}a,a:hover{text-decoration:none}.cls-1{fill:none;stroke:#fff;stroke-width:.75px}.cls-2{fill:#fff;stroke:none}img{border:0}dd,dl,dt,li,ul{border:0;margin:0;padding:0}main{bottom:0;color:#fff;display:block;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:100;height:650px;left:0;letter-spacing:2.5px;margin:auto;max-width:400px;padding:30px 0 50px;position:absolute;right:0;text-shadow:0 -1px 0 #000;top:0}main .logo{animation:startanim 3s ease-out;-webkit-animation:startanim 3s ease-out}main .logo svg{display:block;height:150px;margin:auto}main .logo span{color:#e6e6e6;display:block;font-size:16px;letter-spacing:5px;margin-top:20px;text-align:center}main .content{animation:startanim 5s ease-out;-webkit-animation:startanim 5s ease-out;color:grey;font-size:24px;margin:50px 0;text-align:center;top:0}main .content .book{border-radius:25px;height:250px}main .coord{animation:startanim 7s ease-out;-webkit-animation:startanim 7s ease-out;display:block}main .coord span{color:#fff;display:block;font-size:20px;text-align:center}main .coord ul{display:block;margin:6px auto 0;width:175px}main .coord ul li{display:block;list-style:none}main .coord ul li a{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#ccc;display:block;font-size:18px;line-height:30px;transition:color .5s}main .coord ul li a:hover{color:#a39898;transition:color 1.5s}body{background:#1a1a1a;color:#fff;margin:0;padding:0}body,div{font-family:Avenir,sans-serif!important}
/*# sourceMappingURL=main.b652ae8f.css.map*/