body.light{--orange:#d44211;--bg-color:#f5f3ef;--bg-color-secondary:hsla(35,20%,98%,.5);--bg-color-tertiary:#cacaca;--text-color:rgba(15,19,26,.8);--text-color-secondary:rgba(34,41,52,.8);--link-color:rgba(15,19,26,.8);--link-hover-color:var(--orange);--link-shadow:0px 0px 8px #fff;--article-bg-primary:linear-gradient(to bottom right,rgba(29,251,255,.251),rgba(255,166,0,.415));--article-bg-secondary:linear-gradient(to bottom right,rgba(255,234,8,.316),rgba(12,201,103,.459));--article-bg-tertiary:linear-gradient(to bottom right,rgba(255,145,0,.312),rgba(255,50,234,.458));--article-bg-quartary:linear-gradient(to bottom right,rgba(34,0,255,.299),rgba(255,153,0,.527));--article-border-color:#cec0b6;--article-read-more-link-color:var(--orange);--outline-color:var(--orange);--slider-default-color:var(--text-color);--slider-handle-default-color:#f5f3ef;--animation-icon-color:var(--text-color-secondary);--dark-mode-icon-color:var(--orange);--dark-mode-icon-fill:var(--orange)}body.dark{--orange:rgba(255,120,70,.9);--bg-color:#0f131a;--bg-color-secondary:#0f131a;--bg-color-tertiary:#131720;--text-color:hsla(35,25%,95%,.9);--text-color-secondary:#ada599;--link-color:hsla(35,25%,95%,.9);--link-hover-color:var(--orange);--article-bg-primary:linear-gradient(to bottom right,rgba(30,59,138,.194),rgba(92,8,117,.224));--article-bg-secondary:linear-gradient(to bottom right,rgba(6,78,59,.261),rgba(81,255,0,.153));--article-bg-tertiary:linear-gradient(to bottom right,rgba(89,28,135,.294),rgba(183,21,86,.204));--article-bg-quartary:linear-gradient(to bottom right,rgba(127,29,29,.19),rgba(203,165,13,.236));--article-border-color:rgba(48,53,65,.3);--article-read-more-link-color:var(--orange);--tag-border-color:#303b41;--outline-color:var(--orange);--slider-default-color:var(--text-color-secondary);--slider-handle-default-color:var(--bg-color-tertiary);--animation-icon-color:var(--text-color-secondary);--dark-mode-icon-color:var(--text-color-secondary)}body.animate-enabled{--animation-icon-fill:var(--animation-icon-color);--animation-icon-color:var(--orange)}body{--animation-icon-fill:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{outline:2px solid #d44211;outline-offset:3px}body{font-family:Crimson Text,sans-serif;font-size:1.1rem}h1,h2,h3,h4{font-family:Cormorant Garamond,Georgia,sans-serif}h2{font-size:2rem}a,a:visited{color:var(--text-color)}body,html{height:100%}body{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;line-height:1.5;margin:0;padding:0}main{flex-grow:1;margin-left:30px;margin-right:30px}.poem-container{text-align:left}footer{background-image:linear-gradient(to bottom,var(--bg-color),var(--bg-color-tertiary));bottom:0;color:var(--text-color-secondary);display:flex;font-family:JetBrains Mono,monospace;font-size:.8rem;justify-content:center;padding-bottom:40px;padding-top:40px;position:relative;width:100%;& .copyright{border-right:1px solid var(--text-color-secondary)}& .copyright,& .footer-subtext{line-height:1.2rem;padding-left:12px;padding-right:12px}}header{background-color:var(--bg-color);border:none;border-bottom:1px solid hsla(35,15%,82%,.2);display:fixed;height:70px;left:0;top:0;width:100%;z-index:20}nav.desktop{align-items:center;display:flex;justify-content:space-between;padding:20px;& .non-logo a{color:var(--text-color-secondary);font-family:JetBrains Mono,sans-serif;font-size:.85rem;margin-left:25px;text-decoration:none;&:focus,&:hover{color:var(--orange);text-decoration:underline}}& .home-icon{margin:0 auto;position:relative;top:5px;stroke:var(--orange);fill:var(--orange);height:24px}}nav.mobile{display:none;padding:20px;& #menu-button{background-color:transparent;border:none;&:focus{outline-offset:-5px}& .menu-icon{height:24px;width:24px;fill:var(--orange)}}#menu-dialog{background-color:var(--bg-color);border:5px solid var(--bg-color);height:100vh;width:100vw;& #menu-close{background-color:transparent;border:none;color:var(--text-color);font-size:26px;margin-bottom:20px}& .nav-container{border-top:1px solid var(--text-color-secondary);display:flex;flex-direction:column;& a:nth-child(n){border-bottom:1px solid var(--text-color-secondary);font-size:18px;padding-bottom:20px;padding-top:20px}& .switch-wrapper{display:flex;flex-direction:column;margin-top:15px;& .switch-container{margin-left:0;padding-top:15px}& svg{margin-left:0}}}}}.modal-open{overflow:hidden}.switch-container{display:inline-block;margin-left:10px;.switch-icon{margin:0 5px 0 20px;position:relative;top:5px}.animation-icon{fill:var(--animation-icon-fill);stroke:var(--animation-icon-color)}.dark-mode-icon{fill:var(--dark-mode-icon-fill);stroke:var(--dark-mode-icon-color)}}.switch{display:inline-block;height:24px;position:relative;width:48px;&:focus-within{border-radius:15px;outline:2px solid var(--outline-color);outline-offset:3px}& input{height:0;opacity:0;width:0}}.slider{background-color:var(--slider-default-color);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s;&:before{background-color:var(--slider-handle-default-color);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s;width:18px}}input:checked+.slider{background-color:var(--orange);box-shadow:none;&:before{transform:translateX(24px)}}.home-heading{font-size:6rem;font-weight:700;line-height:100%;margin-bottom:0}.heading-secondary{box-sizing:border-box;color:var(--orange);display:block}.subtitle{color:var(--text-color-secondary);font-size:1.1rem;font-style:italic}.search-wrapper{align-items:center;display:flex;margin-top:2.5rem;position:relative}.no-js-warning{display:block;font-weight:700;margin:0;padding:0;position:relative;top:1.5rem}.search-icon{color:var(--text-color-secondary);height:1em;left:.75rem;pointer-events:none;position:absolute;width:1em}#poemSearch{background:var(--bg-color-secondary);border:1px solid var(--text-color-secondary);color:var(--text-color-secondary);font-family:JetBrains Mono,sans-serif;max-width:30em;padding:.75rem 1rem .75rem 2.5rem;width:100%;&::-moz-placeholder{color:var(--text-color-secondary);font-size:.9rem}&::placeholder{color:var(--text-color-secondary);font-size:.9rem}&:focus-visible{border-color:var(--orange)}}.poem-container article{background-image:var(--article-bg-primary);border:1px solid var(--article-border-color);margin-right:25%;margin-top:40px;max-width:100%;padding:25px;position:relative;&:nth-of-type(2n){background-image:var(--article-bg-secondary);margin-left:25%;margin-right:0}&:nth-of-type(3n){background-image:var(--article-bg-tertiary)}&:nth-of-type(4n){background-image:var(--article-bg-quartary)}h2{margin:0;a{text-decoration:none}a:focus,a:hover{color:var(--orange);text-decoration:underline;text-decoration-thickness:1px}}.date{color:var(--text-color-secondary);font-family:JetBrains Mono,sans-serif;font-size:.75rem}.poem-line{font-style:italic;margin-bottom:0;margin-top:.5rem;&:nth-last-child(1 of .poem-line):after{content:"..."}}ul.tag-list{color:var(--text-color-secondary);display:flex;list-style:none;margin-left:0;padding-left:0;text-indent:0;& li{border:1px solid var(--tag-border-color);font-family:JetBrains Mono,sans-serif;font-size:.75rem;margin-right:10px;padding:5px;width:-moz-fit-content;width:fit-content;&:before{content:"#"}}}.read-more{font-family:JetBrains Mono,sans-serif;font-size:.8rem;& a{color:var(--orange);text-decoration:none;text-shadow:var(--link-shadow);&:after{content:" \2192"/"visit poem page"}}}}.animate-enabled .heading-secondary.animated-heading-text{animation:shadow-pulse 2.5s ease-in-out infinite}.on-load-trigger.animate-enabled .poem-container article{animation:fadeIn 2s ease forwards}.heading-secondary.animated-heading-text{color:var(--orange);filter:drop-shadow(0 0 6px rgba(255,100,50,.4));will-change:filter,text-shadow}@keyframes shadow-pulse{0%{filter:drop-shadow(0 0 5px rgba(255,100,50,.4));text-shadow:0 0 4px rgba(255,100,50,.6),0 0 8px rgba(255,120,80,.4),0 0 12px rgba(255,140,100,.3)}20%{filter:drop-shadow(0 0 8px rgba(255,120,60,.5));text-shadow:0 0 6px rgba(255,120,60,.7),0 0 12px rgba(255,100,70,.5),0 0 18px rgba(255,140,100,.3)}40%{filter:drop-shadow(0 0 12px rgba(255,100,70,.6));text-shadow:0 0 8px rgba(255,140,80,.8),0 0 16px rgba(255,100,70,.6),0 0 22px rgba(255,160,120,.4)}60%{filter:drop-shadow(0 0 6px rgba(255,120,70,.4));text-shadow:0 0 5px rgba(255,120,70,.6),0 0 9px rgba(255,100,60,.4),0 0 15px rgba(255,140,100,.3)}80%{filter:drop-shadow(0 0 10px rgba(255,110,60,.5));text-shadow:0 0 7px rgba(255,110,60,.7),0 0 15px rgba(255,130,80,.5),0 0 20px rgba(255,150,110,.3)}to{filter:drop-shadow(0 0 5px rgba(255,100,50,.4));text-shadow:0 0 4px rgba(255,100,50,.6),0 0 8px rgba(255,120,80,.4),0 0 12px rgba(255,140,100,.3)}}.poem-container article{transition:opacity .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:700px){nav.desktop{display:none}nav.mobile{display:block}.poem-container article:nth-child(n){margin-left:0;margin-right:0}}@media (prefers-reduced-motion:reduce){.animate-enabled .heading-secondary.animated-heading-text,.on-load-trigger.animate-enabled .poem-container article{animation:none}}