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