.aboutSection{background:linear-gradient(#ececec 0%,#fff 70.67%);width:100%;height:100vh}.grain-overlay{opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:9999;background:url(/images/grain.gif);width:100vw;height:100vh;position:fixed;top:0;left:0}.aboutWriting{margin-left:var(--margin-left);align-self:flex-start;gap:32px;margin-top:10%;margin-right:auto}.booksSection{width:100vw;height:100vh;position:absolute}.bookAbout{position:absolute}.book1ContainerAbout{z-index:6;width:40vw;top:70%;left:60%}.book3Container{z-index:10;top:40%;left:60%}.book4Container{z-index:8;top:60%;left:40%}.book5Container{z-index:4;top:10%;left:60%}.book6Container{z-index:9;top:30%;left:45%}.book7Container{z-index:7;top:75%;left:7%}.book8ContainerAbout{z-index:5;width:40vw;top:40%;left:80%}
.bookImageContainer{width:fit-content;height:fit-content;position:relative}.bookHoverContainer{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .2s}.bookHoverContainer.active{pointer-events:auto;opacity:1}.bookHoverContent{z-index:2;width:0;position:absolute}.bookImageDots{background-color:var(--lightgreybg);cursor:pointer;opacity:0;z-index:4;border:1px solid #0003;border-radius:100%;width:.5em;height:.5em;transition:opacity .4s;position:relative}.bookImageDots:before{content:"";pointer-events:none;opacity:0;z-index:3;box-sizing:content-box;background:0 0;border:1px solid #0003;border-radius:50%;width:.5em;height:.5em;transition:opacity .2s;animation:5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bookHoverContainer.active .bookImageDots:before{opacity:1}.bookImageDots:hover:before{opacity:0;animation-play-state:paused}.bookHoverContainer.active .bookImageDots{opacity:1}.bookImageBase{width:100%;height:100%;position:relative;top:0;left:0}.bookImage{object-fit:cover;z-index:1;cursor:pointer;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:relative}.bookPill{opacity:0;visibility:hidden;background-color:var(--lightgreybg);max-width:200px;color:var(--darkgrey);text-transform:uppercase;border:1px solid #0003;border-radius:8px 8px 8px 0;padding:4px 10px;font-family:GT-America Mono;font-size:12px;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;display:inline-flex;position:absolute;bottom:calc(100% + .4rem);left:0}.bookImageDots:hover+.bookPill{opacity:1;visibility:visible}@keyframes pulse{0%{width:.5em;height:.5em}50%{width:2em;height:2em}to{width:.5em;height:.5em}}.book1{max-width:80%;transform:rotate(5deg)}.book1d1{top:35%;left:53%}.book1d2{top:40%;left:70%}.book3{max-width:60%;transform:rotate(15deg)}.book3d1{top:35%;left:53%}.book4{max-width:60%;transform:rotate(34deg)}.book4d1{top:16%;left:20%}.book5{max-width:100%;transform:rotate(6deg)}.book6{max-width:50%;transform:rotate(-20deg)}.book6d1{top:16%;left:20%}.book7{max-width:40%;transform:rotate(-15deg)}.book7d1{top:16%;left:30%}.book8{max-width:60%;transform:rotate(-20deg)}