.projects .even-row.timeline-year,.projects .odd-row.timeline-detail,.timeline .even-row.timeline-year,.timeline .odd-row.timeline-detail{grid-column-start:2;display:flex;justify-content:flex-start;padding:0 0 4rem 2rem;border-left:2.5px solid var(--dev-text-color6);transition:background-color .5s ease-in-out;top:0}.projects .even-row.timeline-detail,.projects .odd-row.timeline-year,.timeline .even-row.timeline-detail,.timeline .odd-row.timeline-year{grid-column-start:1;display:flex;justify-content:flex-end;padding:0 2rem 4rem 0;border-right:2.5px solid var(--dev-text-color6);top:0;transition:background-color .5s ease-in-out}.projects .odd-row.timeline-year,.timeline .odd-row.timeline-year{text-align:end}.projects .odd-row.timeline-year>div,.timeline .odd-row.timeline-year>div{position:absolute;top:0;transform:translateY(-50%)}.projects .odd-row.timeline-year:after,.timeline .odd-row.timeline-year:after{top:-1rem;content:"";position:absolute;right:-2px;transform:translate(50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--dev-text-color7);transition:background-color .5s ease-in-out}.projects .even-row.timeline-year>h1,.timeline .even-row.timeline-year>h1{text-align:start;width:fit-content}.projects .even-row.timeline-year>div,.timeline .even-row.timeline-year>div{position:absolute;top:0;transform:translateY(-50%)}.projects .even-row.timeline-year:before,.timeline .even-row.timeline-year:before{top:-1rem;content:"";position:absolute;left:-2px;transform:translate(-50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--dev-text-color7);transition:background-color .5s ease-in-out}.projects .even-row.timeline-year.animate.t-0:before,.projects .odd-row.timeline-year.animate.t-0:after,.timeline .even-row.timeline-year.animate.t-0:before,.timeline .odd-row.timeline-year.animate.t-0:after{background-color:#09f}.projects .even-row.timeline-year.animate.t-0,.projects .odd-row.timeline-detail.animate.t-0,.timeline .even-row.timeline-year.animate.t-0,.timeline .odd-row.timeline-detail.animate.t-0{border-left:2.5px solid rgba(0,153,255,.8)}.projects .even-row.timeline-detail.animate.t-0,.projects .odd-row.timeline-year.animate.t-0,.timeline .even-row.timeline-detail.animate.t-0,.timeline .odd-row.timeline-year.animate.t-0{border-right:2.5px solid rgba(0,153,255,.8)}.projects .even-row.timeline-year.animate.t-1:before,.projects .odd-row.timeline-year.animate.t-1:after,.timeline .even-row.timeline-year.animate.t-1:before,.timeline .odd-row.timeline-year.animate.t-1:after{background-color:#00a8f7}.projects .even-row.timeline-year.animate.t-1,.projects .odd-row.timeline-detail.animate.t-1,.timeline .even-row.timeline-year.animate.t-1,.timeline .odd-row.timeline-detail.animate.t-1{border-left:2.5px solid rgba(0,168,247,.8)}.projects .even-row.timeline-detail.animate.t-1,.projects .odd-row.timeline-year.animate.t-1,.timeline .even-row.timeline-detail.animate.t-1,.timeline .odd-row.timeline-year.animate.t-1{border-right:2.5px solid rgba(0,168,247,.8)}.projects .even-row.timeline-year.animate.t-2:before,.projects .odd-row.timeline-year.animate.t-2:after,.timeline .even-row.timeline-year.animate.t-2:before,.timeline .odd-row.timeline-year.animate.t-2:after{background-color:#00b6ef}.projects .even-row.timeline-year.animate.t-2,.projects .odd-row.timeline-detail.animate.t-2,.timeline .even-row.timeline-year.animate.t-2,.timeline .odd-row.timeline-detail.animate.t-2{border-left:2.5px solid rgba(0,182,239,.8)}.projects .even-row.timeline-detail.animate.t-2,.projects .odd-row.timeline-year.animate.t-2,.timeline .even-row.timeline-detail.animate.t-2,.timeline .odd-row.timeline-year.animate.t-2{border-right:2.5px solid rgba(0,182,239,.8)}.projects .even-row.timeline-year.animate.t-3:before,.projects .odd-row.timeline-year.animate.t-3:after,.timeline .even-row.timeline-year.animate.t-3:before,.timeline .odd-row.timeline-year.animate.t-3:after{background-color:#00c5e7}.projects .even-row.timeline-year.animate.t-3,.projects .odd-row.timeline-detail.animate.t-3,.timeline .even-row.timeline-year.animate.t-3,.timeline .odd-row.timeline-detail.animate.t-3{border-left:2.5px solid rgba(0,197,231,.8)}.projects .even-row.timeline-detail.animate.t-3,.projects .odd-row.timeline-year.animate.t-3,.timeline .even-row.timeline-detail.animate.t-3,.timeline .odd-row.timeline-year.animate.t-3{border-right:2.5px solid rgba(0,197,231,.8)}.projects .even-row.timeline-year.animate.t-4:before,.projects .odd-row.timeline-year.animate.t-4:after,.timeline .even-row.timeline-year.animate.t-4:before,.timeline .odd-row.timeline-year.animate.t-4:after{background-color:#00d3e0}.projects .even-row.timeline-year.animate.t-4,.projects .odd-row.timeline-detail.animate.t-4,.timeline .even-row.timeline-year.animate.t-4,.timeline .odd-row.timeline-detail.animate.t-4{border-left:2.5px solid rgba(0,211,224,.8)}.projects .even-row.timeline-detail.animate.t-4,.projects .odd-row.timeline-year.animate.t-4,.timeline .even-row.timeline-detail.animate.t-4,.timeline .odd-row.timeline-year.animate.t-4{border-right:2.5px solid rgba(0,211,224,.8)}.projects .even-row.timeline-year.animate.t-5:before,.projects .odd-row.timeline-year.animate.t-5:after,.timeline .even-row.timeline-year.animate.t-5:before,.timeline .odd-row.timeline-year.animate.t-5:after{background-color:#00e2d8}.projects .even-row.timeline-year.animate.t-5,.projects .odd-row.timeline-detail.animate.t-5,.timeline .even-row.timeline-year.animate.t-5,.timeline .odd-row.timeline-detail.animate.t-5{border-left:2.5px solid rgba(0,226,216,.8)}.projects .even-row.timeline-detail.animate.t-5,.projects .odd-row.timeline-year.animate.t-5,.timeline .even-row.timeline-detail.animate.t-5,.timeline .odd-row.timeline-year.animate.t-5{border-right:2.5px solid rgba(0,226,216,.8)}.projects .even-row.timeline-year.animate.t-6:before,.projects .odd-row.timeline-year.animate.t-6:after,.timeline .even-row.timeline-year.animate.t-6:before,.timeline .odd-row.timeline-year.animate.t-6:after{background-color:#00f0d0}.projects .even-row.timeline-year.animate.t-6,.projects .odd-row.timeline-detail.animate.t-6,.timeline .even-row.timeline-year.animate.t-6,.timeline .odd-row.timeline-detail.animate.t-6{border-left:2.5px solid rgba(0,240,208,.8)}.projects .even-row.timeline-detail.animate.t-6,.projects .odd-row.timeline-year.animate.t-6,.timeline .even-row.timeline-detail.animate.t-6,.timeline .odd-row.timeline-year.animate.t-6{border-right:2.5px solid rgba(0,240,208,.8)}.projects .even-row.timeline-year.animate.t-7:before,.projects .odd-row.timeline-year.animate.t-7:after,.timeline .even-row.timeline-year.animate.t-7:before,.timeline .odd-row.timeline-year.animate.t-7:after{background-color:#00ffc8}.projects .even-row.timeline-year.animate.t-7,.projects .odd-row.timeline-detail.animate.t-7,.timeline .even-row.timeline-year.animate.t-7,.timeline .odd-row.timeline-detail.animate.t-7{border-left:2.5px solid rgba(0,255,200,.8)}.projects .even-row.timeline-detail.animate.t-7,.projects .odd-row.timeline-year.animate.t-7,.timeline .even-row.timeline-detail.animate.t-7,.timeline .odd-row.timeline-year.animate.t-7{border-right:2.5px solid rgba(0,255,200,.8)}.projects .even-row.timeline-year.animate,.projects .odd-row.timeline-detail.animate,.timeline .even-row.timeline-year.animate,.timeline .odd-row.timeline-detail.animate{animation:slide-in .5s ease-in-out;animation-fill-mode:forwards}