.react-slideshow-container{display:flex;align-items:center;position:relative}.react-slideshow-container .nav{z-index:10;position:absolute;cursor:pointer}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{height:30px;background:hsla(0,0%,100%,.6);width:30px;border:0;text-align:center;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{margin-right:-30px;border-right:0;border-top:0}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;position:relative;width:7px;height:7px;padding:5px;margin:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator{border:0;opacity:.25;cursor:pointer;background:transparent;color:transparent}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;content:"";background:#000;text-align:center}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{width:100%;overflow:hidden}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{position:relative;opacity:0}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{width:100%;overflow:hidden}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}body{--black:#000;--ash-black:#222;--white:#fafafa;--sky:#0cf;--green:#2dd;--blue:#1300ff;--dusk:#60f;--purple:#90f;--pink:#f06;--red:#fe0222;--orange:#fd7702;--yellow:#fb0;--accent:var(--white);margin:0;padding:0;color:var(--accent)}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:20px;background-image:radial-gradient(transparent 1px,);background-size:4px 4px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px)}footer:before{display:block;content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--accent);opacity:.2}footer svg{margin-right:20px}footer a{text-decoration:none;color:var(--accent)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}html{scroll-snap-type:y mandatory}section{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;scroll-snap-align:center;perspective:500px}section>div{width:600px;height:350px;position:relative;max-height:90vh;margin:20px;overflow:hidden}.net{left:50%;height:40px;width:3px}.net,.progress{position:fixed;right:0;background:var(--accent);bottom:100px}.progress{left:0;height:5px}.timeline-container{display:flex;flex-direction:column;position:relative;margin:40px 0}.timeline-container:after{background-color:#78b9f5;content:"";position:absolute;left:calc(50% - 2px);width:4px;height:100%}.timeline-item{display:flex;justify-content:flex-end;padding-right:30px;position:relative;margin:10px 0;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:30px;padding-right:0}.timeline-item-content{box-shadow:0 0 5px rgba(0,0,0,.3);border-radius:5px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-end;padding:15px;position:relative;width:400px;max-width:70%;text-align:right}.timeline-item-content:after{content:" ";background-color:#fff;box-shadow:1px -1px 1px rgba(0,0,0,.2);position:absolute;right:-7.5px;top:calc(50% - 7.5px);transform:rotate(45deg);width:15px;height:15px}.timeline-item:nth-child(odd) .timeline-item-content{text-align:left;align-items:flex-start}.timeline-item:nth-child(odd) .timeline-item-content:after{right:auto;left:-7.5px;box-shadow:-1px 1px 1px rgba(0,0,0,.2)}.timeline-item-content .tag{color:#fff;font-size:12px;font-weight:700;top:5px;left:5px;letter-spacing:1px;padding:5px;position:absolute;text-transform:uppercase}.timeline-item:nth-child(odd) .timeline-item-content .tag{left:auto;right:5px}.timeline-item-content time{color:#777;font-size:12px;font-weight:700}.timeline-item-content p{font-size:16px;line-height:24px;margin:15px 0;max-width:250px}.timeline-item-content a{font-size:14px;font-weight:700}.timeline-item-content a:after{content:" ►";font-size:12px}.timeline-item-content .circle{background-color:#fff;border:3px solid #78b9f5;border-radius:50%;position:absolute;top:calc(50% - 10px);right:-40px;width:20px;height:20px;z-index:100}.timeline-item:nth-child(odd) .timeline-item-content .circle{right:auto;left:-40px}@media only screen and (max-width:1023px){.timeline-item-content{max-width:100%}}@media only screen and (max-width:767px){.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{padding:15px 10px;text-align:center;align-items:center}.timeline-item-content .tag{width:calc(100% - 10px);text-align:center}.timeline-item-content time{margin-top:20px}.timeline-item-content a{text-decoration:underline}.timeline-item-content a:after{display:none}}