.main-content{text-align:center;text-transform:uppercase;justify-content:center;max-height:100%}.moleskine-wrapper{max-width:25%}.moleskine-notebook{width:105px;height:200px;transform-origin:left center 0px;perspective:800px;border-radius:5px 15px 15px 5px;transition:all .4s ease-in-out;display:inline-block;position:relative}.moleskine-notebook:hover{transform:rotate(-10deg)}.moleskine-notebook:hover .notebook-cover{z-index:999;transform:rotateY(-50deg);box-shadow:20px 10px 50px #0003}.notebook-cover{z-index:10;width:105px;height:200px;transform-style:preserve-3d;transform-origin:left center 0px;background:#cc4b48;border-radius:5px 15px 15px 5px;transition:all .5s linear;position:absolute}.notebook-cover:before{content:"";z-index:100;background:linear-gradient(90deg,#9c2e2b 0%,#cc4b48 12%,#9c2e2b 25%,#cc4b48 37%,#9c2e2b 50%,#cc4b48 62%,#9c2e2b 75%,#cc4b48 87%,#9c2e2b 100%);border-radius:2px;width:10px;height:calc(100% + 2px);transition:all 2s;position:absolute;top:-1px;right:25px}.note-title{max-width:10rem;margin-top:11px;margin-left:60px;font-size:.75rem;line-height:1rem}.notebook-cover.blue{background:#2e95aa}.notebook-cover.blue:before{background:linear-gradient(90deg,#1e606e 0%,#2e95aa 12%,#1e606e 25%,#2e95aa 37%,#1e606e 50%,#2e95aa 62%,#1e606e 75%,#2e95aa 87%,#1e606e 100%)}.notebook-cover.green{background:#abc3b5}.notebook-cover.green:before{background:linear-gradient(90deg,#7ea38e 0%,#abc3b5 12%,#7ea38e 25%,#abc3b5 37%,#7ea38e 50%,#abc3b5 62%,#7ea38e 75%,#abc3b5 87%,#7ea38e 100%)}.notebook-cover.yellow{background:#fed754}.notebook-cover.yellow:before{background:linear-gradient(90deg,#ebb501 0%,#fed754 12%,#ebb501 25%,#fed754 37%,#ebb501 50%,#fed754 62%,#ebb501 75%,#fed754 87%,#ebb501 100%)}.notebook-skin{z-index:10;color:#222;text-align:left;background:#e8e8e0;height:50px;margin-top:80px;padding:15px;font-size:12px;position:relative;box-shadow:0 1px 1px #0003}.notebook-skin:before{content:"";background:#cddc39;width:100%;height:15px;position:absolute;bottom:0;left:0}.notebook-page{z-index:0;background-color:#fbfae8;border-radius:5px 16px 16px 5px;width:175px;height:100%;position:absolute;overflow:hidden}.notebook-page.ruled{background:linear-gradient(#fbfae8 9px,#e4e4e4 1px) 0 0/100% 10px}.notebook-page.squared{background-image:linear-gradient(#e4e4e4 1px,#0000 1px),linear-gradient(90deg,#e4e4e4 1px,#0000 1px);background-size:10px 10px,10px 10px,2px 2px,2px 2px}.notebook-page.dotted{background-color:#999;background-image:linear-gradient(90deg,#fbfae8 10px,#0000 1%),linear-gradient(#fbfae8 10px,#0000 1%),none;background-position:50%,50%,0 0;background-repeat:repeat,repeat,repeat;background-size:11px 11px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}