@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);.notebook-container{overflow:hidden;padding:50px 0;display:flex;justify-content:center}.notebook-page{font-family:'Indie Flower','Patrick Hand SC','Comic Neue','Comic Sans','Comic Sans MS',Helvetica,Arial,sans-serif;font-size:3vmin;line-height:1.5;background:#fff;padding:2em 2em 2em 3em;width:80%;max-width:600px;margin:0 auto;min-height:70vh;background:radial-gradient(circle at .4em 50%,#000 .125em,#0000 .135em) 0 0/100% 3vmin repeat-y,linear-gradient(90deg,#0000 2.35em,#fbb 0 2.4em,#0000 0),repeating-linear-gradient(#0000 0 5%,#99f 0 5.1%) 100% 50%/calc(100% - 2.35em) 82% no-repeat,#eee;border-radius:.05em;box-shadow:.1em .1em #ddd,.065em .05em #fff,.15em .15em #bbb,.125em 0 0 .15em #333,.25em .125em 0 .15em #000;position:relative;filter:drop-shadow(-.25vmin .1em .35vmin #0002) drop-shadow(1vmin 0 1vmin #0003)}.notebook-page::before{content:"";position:absolute;top:0;left:-1em;width:1.5em;height:100%;background:linear-gradient(#0000 .225em,#999 0 .375em,#0000 0) 80% 0/68% 3vmin repeat-y,linear-gradient(25deg,#0000 .225em,#666 0 .35em,#0000 0) 44% .1%/40% 3vmin repeat-y,radial-gradient(circle at .4em 50%,#999 .075em,#0000 .085em) 0 0/100% 3vmin repeat-y,radial-gradient(circle at 1.4em 50%,#999 .075em,#0000 .085em) 0 0/100% 3vmin repeat-y,#f000}.notebook-page::after{content:"";position:absolute;top:0;left:-1em;width:1.5em;height:100%;background:linear-gradient(#0000 .225em,#fff7 0 .375em,#0000 0) 80% 0/68% 3vmin repeat-y;mask:linear-gradient(90deg,#0000 0.4em,#000 0.6em,#0000 1.2em),linear-gradient(#0000 0.225em,#fff7 0.28em 0.3em,#0000 0.375em) 80% 0/68% 3vmin repeat-y;-webkit-mask:linear-gradient(90deg,#0000 0.4em,#000 0.6em,#0000 1.2em),linear-gradient(#0000 0.225em,#fff7 0.28em 0.3em,#0000 0.375em) 80% 0/68% 3vmin repeat-y;mask-composite:intersect;-webkit-mask-composite:source-in}.notebook-page h2{margin:0;font-size:5vmin;white-space:pre;position:relative;font-family:'Indie Flower',cursive;margin-bottom:20px}.notebook-page h2::before{content:"";position:absolute;width:95%;height:100%;background:#f003;background:radial-gradient(175% 100% at 50% 100%,#0000 50%,#000 51% 55%,#0000 56%);left:-1%;top:25%;transform:rotate(.25deg)}.notebook-page p{margin-bottom:1em;font-size:1.2rem}.owl-notebook .owl-nav{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.owl-notebook .owl-next,.owl-notebook .owl-prev{position:absolute;background:rgba(255,255,255,.8)!important;padding:10px!important;border-radius:50%!important;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#333!important}.owl-notebook .owl-prev{left:10px}.owl-notebook .owl-next{right:10px}@media (max-width:768px){.notebook-page{width:95%;padding:1.5em 1em 1.5em 2em}}