.timeline{background:var(--primary-color);margin:20px auto;padding:20px}.inner,.inner_dark{position:relative;max-width:400px}.inner:nth-child(odd),.inner_dark:nth-child(odd){padding:30px 0 30px 30px}.inner:nth-child(2n),.inner_dark:nth-child(2n){padding:30px 30px 30px 0}.inner:before,.inner_dark:before{content:"";position:absolute;width:50%;border:solid}.inner:nth-child(odd):before,.inner_dark:nth-child(odd):before{left:0;top:-4.5px;bottom:-4.5px;border-width:5px 0 5px 5px;border-radius:50px 0 0 50px}.inner:nth-child(2n):before,.inner_dark:nth-child(2n):before{right:0;top:0;bottom:0;border-width:5px 5px 5px 0;border-radius:0 50px 50px 0}.inner:first-child:before,.inner_dark:first-child:before{border-top:0;border-top-left-radius:0}.inner:last-child:nth-child(odd):before,.inner_dark:last-child:nth-child(odd):before{border-bottom:0;border-bottom-left-radius:0}.inner:last-child:nth-child(2n):before,.inner_dark:last-child:nth-child(2n):before{border-bottom:0;border-bottom-right-radius:0}.info,.info_dark{display:flex;flex-direction:column;border-radius:10px;padding:10px}.title,.title_dark{position:relative;font-weight:700}.title:before,.title_dark:before{content:"";position:absolute;width:10px;height:10px;border-radius:999px}.inner:nth-child(2n)>.info>.title,.inner_dark:nth-child(2n)>.info_dark>.title_dark{text-align:right}.inner:nth-child(odd)>.info>.title:before,.inner_dark:nth-child(odd)>.info_dark>.title_dark:before{left:-45px}.inner:nth-child(2n)>.info>.title:before,.inner_dark:nth-child(2n)>.info_dark>.title_dark:before{right:-45px}.inner:before{border-color:#212529}.inner_dark:before{border-color:#f8f9fa}.info,.title{color:#212529}.title_dark,.info_dark{color:#f8f9fa}p{white-space:pre-wrap}.typing{font-family:monospace;white-space:nowrap;overflow:hidden;border-right:.15em solid rgb(6,6,6);width:0;animation:typing 7s steps(15,end) infinite,blink-caret .5s step-end infinite}@keyframes typing{0%{width:0}25%{width:50%}50%{width:85%}60%{width:85%}75%{width:50%}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}.scroll-target{scroll-margin-top:60px}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:t anslateY(0)}}.updown{animation:floatUpDown 1.5s ease-in-out infinite}.mt-10{margin-top:7rem}.iconImg{transition:all .3s ease-in-out}.iconImg:hover{transform:scale(1.2)}.navbar_component{border-bottom:2px solid transparent;transition:border-color .3s ease-in-out}.navbar_component:hover{border-color:currentColor}.darkShadow{box-shadow:0 6px 12px #0006;background:#fff;color:#000;transition:color .5s ease;position:relative;overflow:hidden}.darkShadow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#000,#000);transform:scaleY(0);transform-origin:top;transition:transform .5s ease;z-index:0}.darkShadow:hover:before{transform:scaleY(1)}.darkShadow:hover{color:#fff;z-index:1;transition:color .5s ease}.darkShadow>*{position:relative;z-index:2}.lightShadow{box-shadow:0 6px 12px #fff6;background:#212529;color:#fff;transition:color .5s ease;position:relative;overflow:hidden}.lightShadow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fff,#fff);transform:scaleY(0);transform-origin:top;transition:transform .5s ease;z-index:0}.lightShadow:hover:before{transform:scaleY(1)}.lightShadow:hover{color:#000;z-index:1;transition:color .5s ease}.lightShadow>*{position:relative;z-index:2}.shadowWhite{box-shadow:0 6px 12px #fff}