#posts{display:grid;grid-template-columns:10rem 1fr 10rem;margin:2rem 0;padding:1rem 0}#posts .spacer,#posts nav{position:sticky;top:70px;z-index:2;height:-moz-fit-content;height:fit-content;padding:.5rem 0}#posts .spacer ul li,#posts nav ul li{letter-spacing:2px;font-size:1.2rem;padding-bottom:.5rem;width:-moz-fit-content;width:fit-content}#posts .spacer li:hover,#posts nav li:hover{animation:space-out linear forwards;animation-duration:1s}@keyframes space-out{0%{letter-spacing:1px}to{letter-spacing:10px}}#posts .year{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;scroll-margin-top:8rem}#posts h2{font-size:2rem}#posts .posts section{margin:.5rem 0 3rem}#posts .posts .text,#posts .posts section{display:flex;flex-direction:column;align-items:center}#posts .posts .text{justify-content:center}#posts .posts article{width:500px;text-align:center}#posts .posts p{padding:0}@media screen and (max-width:1120px){#posts{display:flex;justify-content:center}#posts nav{display:none}#posts h2{font-size:1.5rem}#posts .posts article{width:320px}}:root{--primary-font-color:#242424;--primary-bg-color:#f5f5f5;--primary-dark-color:#242424;--primary-light-color:#f5f5f5;--secondary-bg-color:#fff}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:var(--font-zen);max-width:100vw;min-height:100vh;scroll-behavior:smooth;font-size:14px}body{background-color:var(--primary-bg-color)}body,h1,h2,h3,h4,h5,h6{color:var(--primary-font-color)}h1,h2,h3,h4,h5,h6{letter-spacing:2px;font-weight:400}h1,h2,h3,h4,h5,h6{text-transform:uppercase}a{color:var(--primary-font-color);text-decoration:none}li,ul{list-style:none;list-style-type:none}button,input[type=reset],input[type=submit]{background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}.flex{display:flex}.flex-center{justify-content:center;align-items:center}.flex-end{align-items:flex-end}.flex-start{align-items:flex-start}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.pointer{cursor:pointer}.hide{display:none}.underlined:after{content:"";width:0;height:.1px;display:block;background-color:var(--primary-dark-color);transition:.4s;width:95%;margin-top:.3rem}.underlined:hover:after{width:95%}.logo-font{font-family:var(--font-indie-flower)}.slideshow-container{width:100%;position:relative;margin:auto}.slideshow-container .image{height:500px;width:700px;position:relative}.slideshow-container .fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}.slideshow-container .fade-in{scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view();animation-range:entry 100px}@keyframes fade-in{to{scale:1;opacity:1}}.slideshow-container .button{display:flex;flex-direction:row;position:absolute;height:3rem;width:700px;justify-content:space-between}.slideshow-container .next,.slideshow-container .prev{height:inherit;width:3rem;color:#fff;font-weight:700;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slideshow-container .next:hover,.slideshow-container .prev:hover{background-color:rgba(0,0,0,.8);font-size:1.5rem}.slideshow-container .next{right:0;border-radius:3px 0 0 3px}@media screen and (min-width:2900px){.slideshow-container .image{height:778px}.slideshow-container .button,.slideshow-container .image{width:1166px}}@media screen and (max-width:2900px){.slideshow-container .image{height:778px}.slideshow-container .button,.slideshow-container .image{width:1166px}}@media screen and (max-width:1600px){.slideshow-container .image{height:578px}.slideshow-container .button,.slideshow-container .image{width:900px}}@media screen and (min-width:767px)and (max-width:1024px){.slideshow-container .image{height:500px}.slideshow-container .button,.slideshow-container .image{width:700px}}@media screen and (min-width:430px)and (max-width:767px){.slideshow-container .image{height:320px}.slideshow-container .button,.slideshow-container .image{width:420px}}@media screen and (min-width:393px)and (max-width:430px){.slideshow-container .image{height:310px}.slideshow-container .button,.slideshow-container .image{width:390px}}@media screen and (min-width:370px)and (max-width:393px){.slideshow-container .image{height:233px}.slideshow-container .button,.slideshow-container .image{width:350px}}@media screen and (max-width:370px){.slideshow-container .image{height:233px}.slideshow-container .button,.slideshow-container .image{width:300px}}