*{box-sizing:border-box}.centered{margin:auto;width:-moz-max-content;width:max-content}.flipbook{margin:3em auto;position:relative;transform-style:preserve-3d;perspective:600px;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.book{width:100%;height:400px;transform:rotateY(-20deg)}.book:before{position:absolute;content:" ";background:#bf360caa;height:400px;width:50px;border-radius:10px}.leaf{box-shadow:0 4px 8px #00000080;border-radius:15px;position:absolute;transform-style:preserve-3d;height:100%;width:50%;background-color:#fff;left:50%;transition:transform 1s;transform:rotateY(0);transform-origin:left 0px}.leaf .page{transform-style:preserve-3d;position:absolute;width:100%;height:100%;top:0}.leaf .page.front{transform:rotateY(0) translateZ(.1px)}.leaf .page.front:not(.external){box-shadow:inset 5px 0 5px -5px #0005}.leaf .page.back{transform:rotateY(180deg) translateZ(.1px)}.leaf .page.back:not(.external){box-shadow:inset -5px 0 5px -5px #0005}.disable{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6}.title{text-align:center;width:100%;padding:0em,!important;padding-top:2em}.page{position:relative;padding:1em;box-sizing:border-box;overflow:hidden}.page.front{border-radius:0 1em 1em 0}.page.back{border-radius:1em 0 0 1em}.leaf{background-color:#0000!important}.pageNumber{font-size:.75em;position:absolute;bottom:.5em}.front .pageNumber{right:.75em}.back .pageNumber{left:.75em}.contents-row{display:flex;flex-flow:row nowrap}.contents-row .spacer{flex:1 1;height:1em;border-bottom:1px dashed #000}.contents-row .text{flex:0 0 auto}h1,h2,h3{font-family:cursive}p{font-size:.95em}.cd__intro{background:#c0e}