.main-content{text-align:center;text-transform:uppercase;z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;min-height:80vh;padding-top:20px;display:flex;position:relative}.moleskine-wrapper{flex:none}.moleskine-notebook{width:175px;height:250px;transform-origin:left center 0px;perspective:800px;filter:drop-shadow(0 10px 20px #0000004d);border-radius:5px 15px 15px 5px;margin:30px;transition:all .4s ease-in-out;display:inline-block;position:relative}.moleskine-notebook:hover{filter:drop-shadow(0 15px 30px #0006);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:175px;height:250px;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,#a33835 0%,#cc4b48 12%,#a33835 25%,#cc4b48 37%,#a33835 50%,#cc4b48 62%,#a33835 75%,#cc4b48 87%,#a33835 100%);border-radius:2px;width:10px;height:calc(100% + 2px);transition:all 2s;position:absolute;top:-1px;right:25px}.notebook-cover.blue{background:#2e95aa!important}.notebook-cover.blue:before{background:linear-gradient(90deg,#1f6371 0%,#2e95aa 12%,#1f6371 25%,#2e95aa 37%,#1f6371 50%,#2e95aa 62%,#1f6371 75%,#2e95aa 87%,#1f6371 100%)!important}.notebook-cover.orange{background:#cc4b48!important}.notebook-cover.orange:before{background:linear-gradient(90deg,#a33835 0%,#cc4b48 12%,#a33835 25%,#cc4b48 37%,#a33835 50%,#cc4b48 62%,#a33835 75%,#cc4b48 87%,#a33835 100%)!important}.notebook-cover.yellow{background:#fed754!important}.notebook-cover.yellow:before{background:linear-gradient(90deg,#ca9e1a 0%,#fed754 12%,#ca9e1a 25%,#fed754 37%,#ca9e1a 50%,#fed754 62%,#ca9e1a 75%,#fed754 87%,#ca9e1a 100%)!important}.notebook-cover.green{background:#abc3b5!important}.notebook-cover.green:before{background:linear-gradient(90deg,#7d9d8a 0%,#abc3b5 12%,#7d9d8a 25%,#abc3b5 37%,#7d9d8a 50%,#abc3b5 62%,#7d9d8a 75%,#abc3b5 87%,#7d9d8a 100%)!important}.notebook-skin{z-index:10;text-align:left;-webkit-user-select:none;user-select:none;height:50px;margin-top:80px;padding:15px;font-size:12px;position:relative;box-shadow:0 1px 1px #0003;color:#222!important;background:#e8e8e0!important}.notebook-skin:before{content:"";width:100%;height:15px;position:absolute;bottom:0;left:0;background:#cddc39!important}.notebook-page{z-index:0;border-radius:5px 16px 16px 5px;width:175px;height:100%;position:absolute;overflow:hidden;background-color:#fbfae8!important}.notebook-page.ruled{background:linear-gradient(#fbfae8 9px,#e4e4e4 1px) 0 0/100% 10px!important}.notebook-page.squared{background-color:#fbfae8!important;background-image:linear-gradient(#e4e4e4 1px,#0000 1px),linear-gradient(90deg,#e4e4e4 1px,#0000 1px)!important;background-size:10px 10px,10px 10px,2px 2px,2px 2px!important}.notebook-page.plain{background:#fbfae8!important}.notebook-page.dotted{background-color:#999!important;background-image:linear-gradient(90deg,#fbfae8 10px,#0000 1%),linear-gradient(#fbfae8 10px,#0000 1%),none!important;background-position:50%,50%,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:11px 11px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important}.notebook-title{text-align:center;font-family:var(--font-caveat);margin-top:1rem}.project-name{font-size:1.5rem;font-weight:500;color:var(--text)!important}