:root{--primary-font-color:#242424;--primary-bg-color:#f5f5f5;--primary-dark-color:#242424;--primary-light-color:#f5f5f5;--secondary-bg-color:#fff}#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}.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}}