.moleskine-notebook1{height:250px;width:180px;position:relative;transition:.4s ease-in-out;border-radius:4px 14px 14px 4px;transform-origin:left center 0;display:inline-block;perspective:800px;margin-top:60px;margin-left:10px}.moleskine-notebook1:hover{transform:none}.moleskine-notebook1:hover .notebook-cover{transform:none;box-shadow:none}.ebook-container{gap:10px}.moleskine-notebook{height:250px;width:180px;position:relative;transition:.4s ease-in-out;border-radius:4px 14px 14px 4px;transform-origin:left center 0;display:inline-block;perspective:800px;margin-top:60px;margin-left:13px}.moleskine-notebook:hover{transform:rotate(-6deg)}.moleskine-notebook:hover .notebook-cover{transform:rotateY(-50deg);z-index:999;box-shadow:20px 10px 50px rgba(0,0,0,.2)}.notebook-cover,.notebook-cover1{background-size:cover;background-position:50%;background-repeat:no-repeat;font-family:Arial,sans-serif;height:250px;width:180px;position:absolute;border-radius:4px 12px 12px 4px;z-index:10;transition:.5s linear;transform-style:preserve-3d;transform-origin:left center 0}.notebook-cover1{filter:grayscale(100%)}.notebook-cover1:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:url('data:image/svg+xml,%3Csvg width="1000px" height="1000px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 14.5V16.5M7 10.0288C7.47142 10 8.05259 10 8.8 10H15.2C15.9474 10 16.5286 10 17 10.0288M7 10.0288C6.41168 10.0647 5.99429 10.1455 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C18.0057 10.1455 17.5883 10.0647 17 10.0288M7 10.0288V8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8V10.0288" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E') no-repeat 50%;background-size:contain;padding:10px}.notebook-cover:before{content:"";position:absolute;width:8px;height:calc(100% + 2px);top:-1px;z-index:100;border-radius:2px;right:20px;transition:2s ease}.notebook-cover.green{background-size:cover;background-position:50%;background-repeat:no-repeat;font-family:Arial,sans-serif}.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)}.notebook-cover.yellow{background-size:cover;background-position:50%;background-repeat:no-repeat;font-family:Arial,sans-serif}.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)}.notebook-skin{height:27px;background:#dedede;padding:5px 10px;position:absolute;z-index:10;color:#686868;text-align:center;font-size:12px;box-shadow:0 1px 1px rgba(0,0,0,.2);margin:0;border-radius:2px;font-weight:700;line-height:20px;top:50px;right:5px;transform:rotate(deg);transform-origin:top right;width:90px;overflow:hidden;white-space:nowrap}.ribbon-wrapper-green{width:80px;height:88px;overflow:hidden;position:absolute;top:-1px;right:-1px}.ribbon-green{font:700 15px Sans-Serif;color:#333;text-align:center;text-shadow:rgba();-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;padding:7px 0;left:-5px;top:15px;width:120px;background-color:#d3d3d3;color:#4c4c4c}.ribbon-green:after,.ribbon-green:before{content:"";border-top:3px solid #898989;border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;bottom:-3px}.ribbon-green:before{left:0}.ribbon-green:after{right:0}.notebook-page{height:100%;width:160px;position:absolute;background-color:#fbfae8;z-index:0;border-radius:5px 16px 16px 5px;overflow:hidden}.notebook-page.ruled{background:linear-gradient(180deg,#faf8cd 9px,#e4e4e4 0);background-size:100% 10px}