body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}:after,:before{content:""}body,html{-webkit-font-smoothing:subpixel-antialiased;height:100%}html{font-size:100%}body{background:#ecf0f1;color:#34495e;font-family:Lato,Arial,sans-serif;font-weight:400;line-height:1.2}.invalid .coverDesign img{filter:grayscale(1)}.error-overlay{background-color:#f5f5f5;border:1px solid #000;height:20%;left:10%;position:absolute;top:40%;width:80%;z-index:100}.error-overlay p{color:#000!important;font-size:1.5em!important}ul{list-style:none;margin:0;padding:0}a{color:#2c3e50;text-decoration:none}.btn{border:2px solid #2c3e50;bottom:7px;cursor:pointer;display:inline-block;font-size:1.7em;font-weight:700;height:40px;left:10%;padding:.1em .4em;position:absolute;text-transform:uppercase;transition:color .3s,border-color .3s;width:80%}.btn:hover{border-color:#16a085;color:#16a085}.mail_input{bottom:75px;font-size:1.5em;font-weight:700;height:40px;position:absolute;transition:color .3s,border-color .3s}#mailAddress{height:30px;width:80%}.align{clear:both;margin:90px auto 20px;max-width:1170px;text-align:center;width:100%}.align>li{display:inline-block;margin:30px 20px 30px 30px;min-height:300px;padding:0 0 0 60px;vertical-align:top;width:500px}.container{align-content:center;display:flex;position:absolute;top:10%;width:100%}.book{height:220px;height:-webkit-fit-content;height:fit-content;perspective:1000px;position:relative;transform-style:preserve-3d;width:160px;width:-webkit-fit-content;width:fit-content}.hardcover_front li:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#eee}.hardcover_back li:first-child,.hardcover_back li:last-child,.hardcover_front li:last-child{background:#fffbec}.book_spine li:first-child{background:#eee}.book_spine li:last-child{background:#333}.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{#background:#999}.hardcover_front{height:-webkit-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:fit-content}.hardcover_back{height:98%;position:absolute;width:100%}.cover_img{object-fit:contain}.book_spine,.book_spine li,.hardcover_back,.hardcover_back li,.hardcover_front,.hardcover_front li{left:0;top:0;transform-style:preserve-3d}.hardcover_back,.hardcover_front{transform-origin:0 100%}.hardcover_front{background-color:wheat;transform:translateZ(1px);transition:all .8s ease,z-index .6s;z-index:20}.hardcover_front li:first-child{cursor:default;transform:translateZ(2px);-webkit-user-select:none;user-select:none}.hardcover_front li:last-child{transform:rotateY(180deg) translateZ(2px)}.hardcover_back li:first-child{-moz-transform:translateZ(2px)}.hardcover_back li:last-child{-moz-transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before,.book_spine li:last-child:after,.book_spine li:last-child:before,.hardcover_back li:first-child:after,.hardcover_back li:first-child:before,.hardcover_back li:last-child:after,.hardcover_back li:last-child:before,.hardcover_front li:first-child:after,.hardcover_front li:first-child:before,.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{left:0;position:absolute;top:0}.hardcover_front li:first-child:after,.hardcover_front li:first-child:before{height:100%;width:4px}.hardcover_front li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_front li:first-child:before{transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_front li:last-child:after,.hardcover_front li:last-child:before{height:160px;width:4px}.hardcover_front li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translateX(-2px) translateY(-78px)}.hardcover_front li:last-child:before{#box-shadow:0 0 30px 5px #333;transform:rotateX(90deg) rotate(90deg) translateZ(-140px) translateX(-2px) translateY(-78px)}.hardcover_back li:first-child:after,.hardcover_back li:first-child:before{height:100%;width:4px}.hardcover_back li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.hardcover_back li:first-child:before{transform:rotateY(90deg) translateZ(158px) translateX(2px)}.hardcover_back li:last-child:after,.hardcover_back li:last-child:before{height:160px;width:4px}.hardcover_back li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(80px) translateX(2px) translateY(-78px)}.hardcover_back li:last-child:before{#box-shadow:10px -1px 80px 20px #666;transform:rotateX(90deg) rotate(90deg) translateZ(-140px) translateX(2px) translateY(-78px)}.book_spine{#-webkit-transform:rotateY(60deg) translateX(-5px) translateZ(-12px);height:98%;position:absolute;transform:rotateY(0deg) translateX(0) translateZ(1px);transform:translateZ(2px);width:16px;z-index:22}.book_spine li{height:100%;position:absolute;width:100%}.book_spine li:first-child{-moz-transform:translateZ(2px)}.book_spine li:last-child{-moz-transform:translateZ(-2px)}.book_spine li:first-child:after,.book_spine li:first-child:before{height:100%;width:4px}.book_spine li:first-child:after{transform:rotateY(90deg) translateZ(-2px) translateX(2px)}.book_spine li:first-child:before{transform:rotateY(-90deg) translateZ(-12px)}.book_spine li:last-child:after,.book_spine li:last-child:before{height:16px;width:4px}.book_spine li:last-child:after{transform:rotateX(90deg) rotate(90deg) translateZ(8px) translateX(2px) translateY(-6px)}.book_spine li:last-child:before{#box-shadow:5px -1px 100px 40px #0003;transform:rotateX(90deg) rotate(90deg) translateZ(-210px) translateX(2px) translateY(-6px)}.page,.page>li{left:10px;position:absolute;top:0;transform-style:preserve-3d}.page{height:98%;left:1%;top:0;width:97%;z-index:1}.page>li{background:linear-gradient(left,#e1ddd8,#fffbf6);background:#fffbf6;box-shadow:inset 0 -1px 2px #3232321a,inset -1px 0 1px #96969633;transform-origin:left center;transition-property:transform;transition-timing-function:ease}.page-content,.page>li{background-color:wheat;border-radius:0 5px 5px 0;height:100%;width:100%}.page-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.page>li:first-child{transition-duration:.6s;z-index:10}.page>li:nth-child(2){text-align:center;transition-duration:.6s;z-index:9}.page>li:nth-child(3){transition-duration:.4s;z-index:8}.page>li:nth-child(4){transition-duration:.5s;z-index:7}.page>li:nth-child(5){transition-duration:.6s;z-index:6}.page>li:nth-child(6){transform:translateZ(-1px);transition-duration:.6s;z-index:5}.book.flipped>.hardcover_front{transform:rotateY(-145deg) translateZ(0);z-index:0}.book.flipped>.page li:first-child{transform:rotateY(-140deg);transition-duration:1.5s}.book.page-turned>.page li:nth-child(2){transform:rotateY(-135deg);transition-duration:1.8s}.coverDesign{-webkit-backface-visibility:hidden;backface-visibility:hidden;bottom:0;display:inline-block;height:-webkit-fit-content;height:fit-content;left:0;overflow:hidden;position:absolute;position:relative;right:0;top:0;width:-webkit-fit-content;width:fit-content}.coverDesign:after{background-image:linear-gradient(-135deg,#ffffff73,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.coverDesign h1{color:#fff;font-size:2.2em;letter-spacing:.05em;margin:54% 0 0}.coverDesign h1,.coverDesign p{text-align:center;text-shadow:-1px -1px 0 #0000001a}.coverDesign p{color:#f8f8f8;font-size:1em}.coverDesign img{max-height:83dvh;max-width:400px;object-fit:contain;width:80dvw}.yellow{background-color:#f1c40f;background-image:linear-gradient(top,#f1c40f 58%,#e7ba07 0)}.blue{background-color:#3498db;background-image:linear-gradient(top,#3498db 58%,#2a90d4 0)}.grey{background-color:#f8e9d1;background-image:linear-gradient(top,#f8e9d1 58%,#e7d5b7 0)}.ribbon{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#c0392b;color:#fff;display:block;font-size:.7em;height:20px;letter-spacing:.15em;line-height:20px;position:absolute;right:1px;text-align:center;top:11px;transform:rotate(45deg) translateZ(1px);width:40px;z-index:10}.ribbon:after,.ribbon:before{border-bottom:20px solid #c0392b;border-top:20px solid #0000;height:0;position:absolute;top:-20px;width:0}.ribbon:before{border-left:20px solid #0000;left:-20px}.ribbon:after{border-right:20px solid #0000;right:-20px}.align>li{height:auto;margin:0 0 30px;min-height:440px;padding:0;width:100%}.book{margin:0 auto}.password-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.copy-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:.8em;font-weight:700;padding:5px 10px;transition:background-color .2s;white-space:nowrap}.copy-button:hover{background-color:#e0e0e0}.password-notification{display:flex;flex-direction:column;font-size:.9rem;height:100%;justify-content:center;padding:20px;text-align:center}.password-notification h2{font-size:1.2em;margin-bottom:15px}.password-display{background-color:#fdf5f5;border-radius:4px;color:#c0392b;font-family:monospace;font-size:1.2em;letter-spacing:1px;margin:0;padding:10px;word-break:break-all}figcaption{height:80%;position:absolute;text-align:center;top:2%;width:100%}figcaption h1{font-size:1.5em;left:5%;margin:0;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:90%}figcaption span{color:#16a085;display:block;padding:.6em 0 1em}figcaption p{color:#63707d;line-height:1.3}.page_thumb{width:60%}
/*# sourceMappingURL=main.7379a4cf.css.map*/