@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap);.notebook-container{background-color:#e0e0e0;font-family:Merriweather,serif;height:95vh;position:relative;width:100%}.book,.notebook-container{align-items:center;display:flex;justify-content:center}.book{perspective:1500px}.page{align-items:center;animation:fadeIn .5s ease-in-out;background-color:#fffbf0;border:1px solid #e0e0e0;box-shadow:0 0 20px #0000001a;display:flex;justify-content:center;padding-bottom:70.7%;position:relative;width:50%}.page-inner{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;overflow-y:auto;padding:2em;position:absolute;right:0;top:0}.page-content{flex-grow:1;font-size:1.2vw;line-height:1.6;margin:10px}.notebook-footer,.notebook-header{color:#888;font-size:.8rem;text-align:center}.notebook-cover{align-items:center;background-color:tan;border-left:2px solid #0000001a;color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center;padding-bottom:70.7%;position:relative;width:50%}.notebook-cover .page-inner h2{border-bottom:2px solid #ffffff80;margin-bottom:1rem;padding-bottom:.5rem}.notebook-cover:after,.notebook-cover:before{background-color:#0000001a;bottom:0;content:"";position:absolute;top:0;width:2px}.notebook-cover:before{left:10px}.notebook-cover:after{left:20px}.clickable-edge{align-items:center;bottom:0;color:#333;cursor:pointer;display:flex;justify-content:center;position:absolute;top:0;transition:color .3s;width:15%;z-index:10}.clickable-edge:hover{color:#000}.notebook-cover .author,.notebook-cover .date{bottom:2rem;color:#5a4d3c;font-size:1rem;font-weight:400;position:absolute;right:2rem;text-shadow:1px 1px 2px #0003}.notebook-cover .author{bottom:4rem}.clickable-edge.left{left:-5%}.clickable-edge.right{right:-5%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slider-container{bottom:2rem;left:50%;max-width:500px;position:absolute;text-align:center;transform:translateX(-50%);width:50%}.page-number-display{color:#555;font-size:.9rem;margin-top:.5rem}.slider{-webkit-appearance:none;background:#d3d3d3;border:1px solid #888;border-radius:5px;height:15px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5a4d3c;border:1px solid #333;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#5a4d3c;border:1px solid #333;border-radius:50%;cursor:pointer;height:20px;width:20px}@media (max-width:1279px){.book{height:calc(min(90vw, 90vh / 1.414)*1.414);width:min(90vw,90vh/1.414)}.notebook-cover,.page{height:100%;width:100%}.slider-container{width:80%}.page-content{font-size:1.2rem}}@media (min-width:1280px){.book{height:calc(min(80vw, 80vh * 1.414)/1.414);width:min(80vw,80vh * 1.414)}.page-content{font-size:1.1rem}}