body{margin:0;height:100vh}.container{height:100%;border:1px solid cyan;box-sizing:border-box}@keyframes ripple-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(7);opacity:0}}.ripple{position:absolute;width:20px;height:20px;z-index:1;border:1px solid rgba(255,255,255,.5);background:transparent;transform:translate(-50%,-50%);border-radius:50%;animation:ripple-ring 2s ease-out forwards;pointer-events:none;-webkit-user-select:none;user-select:none}.stanza{padding:1%}.poemPage{background-color:#faf4ed;position:fixed;z-index:3;width:max-content;min-width:60vw;max-width:90vw;border:1cap;padding:3% 5%}.poemPage>*{text-align:center;width:100%;font-size:1.2rem;margin:auto;overflow:visible}.poemPage>h1{text-align:center;width:100%;font-size:clamp(1.5rem,5vw,2rem)}.poemPage>h2{margin:auto;text-align:center;width:100%;font-size:clamp(.75rem,2.5vw,.9rem);font-weight:700}.poemPage p{width:100%;margin:5px;font-size:clamp(1rem,2vw,2rem);overflow:visible}@media (max-width: 768px){.poemPage{max-width:85vw;padding:3% 2.5%}.poemPage p{white-space:nowrap;font-size:clamp(.6rem,4vw,2rem)}}.poemPage.fade-in{animation:fadeInPoem .6s ease}@keyframes fadeInPoem{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-container{width:5%;height:5%;position:absolute;text-align:center}.modal-bg{width:100vw;height:100vh;z-index:3;top:0;left:0;background-color:#00000080;position:fixed;justify-content:center;align-items:center;display:flex}.page{width:100%;height:100%;color:#00f}.poetrytext{bottom:150%;visibility:hidden;overflow:hidden;white-space:nowrap;background-color:#000;color:#fff;position:relative;z-index:2;pointer-events:none;margin:auto}.page-container:hover .poetrytext{visibility:visible;animation:fade-in-text 1s forwards;animation-delay:.5s;transition-delay:.5s}.pickup-enter-active{animation:pagePickUp .5s ease-in reverse}.pickup-leave-active{animation:pagePickUp .5s ease;opacity:60%}.poem-fade{animation:poemFadeIn .5s ease}@keyframes pagePickUp{0%{transform:scale(1)}to{opacity:0;transform:scale(10)}}@keyframes fade-in-text{0%{opacity:0}to{opacity:.75}}.pond{background:radial-gradient(circle,#add8e6,#48487c);width:100%;height:100%;position:fixed}.modals{position:absolute;background-attachment:fixed;z-index:3;margin:auto;width:70%;left:50%;top:10%;max-height:90vh;scrollbar-width:none;-ms-overflow-style:none;transform:translate(-50%);display:flex;justify-content:center}@media (min-width: 769px){.modals{width:40%}}@keyframes wavy{0%{opacity:1;top:2%}50%{top:3%}to{top:2%;opacity:1}}@font-face{font-family:cloudy_font;src:url(/assets/cotton-cloud.regular-DP58xHMD.ttf) format("truetype")}.pond_title{position:fixed;color:#fff;width:100%;text-align:center;top:2%;z-index:1;font-family:cloudy_font;pointer-events:none;opacity:1;font-size:1rem;animation:wavy 4s ease-in-out infinite}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1}.hamburger-icon{position:fixed;top:0;right:0;width:clamp(2rem,5%,4rem);z-index:1}.hamburger-icon:hover path{stroke:#fff}.sidenav{height:100%;opacity:0;width:0;background:#e8efb2;border-left:1px groove #00d4ff;text-align:center;position:fixed;z-index:2;top:0;left:100%;transform:translate(-100%);overflow-x:hidden;transition:.5s}.github-link{width:.5em;height:.5em}.github-link img{display:block;width:100%;height:100%}.sidenav.open{width:clamp(30px,25vw,150px);opacity:1}.sidenav a{padding:8px;text-decoration:none;font-size:clamp(1.5rem,3vw,3rem);color:#818181;display:block;transition:.3s}.sidenav a:hover{color:#ff8c42}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.desktop-header{position:fixed;top:0;right:0;height:100vh;width:20vw;z-index:1;margin:auto;float:right;height:min-content}.pond_container{position:fixed;width:100vw;height:100vh;margin:0 auto;overflow:auto}