:root{--left-gap:120px}.timeline{text-align:center;margin:0 auto;position:relative}.timeline:after{content:"";--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));border-radius:10px;width:4px;margin-left:-3px;position:absolute;top:0;bottom:0}.timeline[data-align=left]:after{left:var(--left-gap)}.timeline[data-align=right]:after{right:var(--left-gap)}.timeline .container{width:calc(100% - var(--left-gap));position:relative}.timeline[data-align=left] .container{left:var(--left-gap);padding:10px 0 10px 25px}.timeline[data-align=right] .container{text-align:right;padding:10px 25px 10px 0;right:0}.timeline .container:before{content:attr(data-title);--tw-text-opacity:1;width:100px;color:rgb(40 44 53/var(--tw-text-opacity));font-weight:600;position:absolute;top:12px}.timeline .container:where(.dark,.dark *):before{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.timeline[data-align=left] .container:before{left:-120px}.timeline .container:after{content:"";--tw-border-opacity:1;border:3px solid;border-color:rgb(59 130 246/var(--tw-border-opacity));z-index:1;background-color:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:15px}.timeline[data-align=left] .container:after{left:-11px}.timeline[data-align=right] .container:after{right:-8px}.timeline .content{--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity));position:relative}.timeline .content:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.timeline[data-align=left] .content{text-align:left}.timeline[data-align=right] .content{text-align:end}.timeline[data-align=right] .skill-bubbles{flex-direction:row-reverse}@media screen and (max-width:600px){:root{--left-gap:0px}.timeline .container:before{opacity:.7;width:auto;font-weight:600}.timeline[data-align=left] .container:before{text-align:left;left:25px}.timeline[data-align=right] .container:before{text-align:right;right:25px}.content{margin-top:30px}}
.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#afb4ef1a;border:1px solid #afb4ef0d}.card-flip{position:relative;overflow:hidden}.card-flip:hover:after{opacity:1;transform:scale(1)}.card-flip:after{content:attr(data-name);color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07071880;border:1px solid #4a4a6240;border-radius:.5rem;justify-content:center;align-items:center;font-size:small;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0;transform:scale(0)}
.border-sep{position:relative}.border-sep:before{content:"";background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:.5;border-radius:.75rem;width:3px;height:3%;position:absolute;top:8%;right:-1.5px}@media not all and (min-width:1024px){.border-sep:before{display:none}}.border-sep:after{content:"";width:3px;height:calc(100%-13%-10%);background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:.5;border-radius:.75rem;position:absolute;top:13%;bottom:10%;right:-1.5px}@media not all and (min-width:1024px){.border-sep:after{display:none}}.glass-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#afb4ef26;border:1px solid #afb4ef13;transition:background-color .2s,transform .2s}.glass-bg:hover{background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:.3;transform:scale(1.1)}.connect-form input,.connect-form textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity));background:#afb4ef26;border:1px solid #5a5c7e26;border-radius:.375rem;margin-bottom:1rem;padding:.5rem 1.25rem}.connect-form input:where(.dark,.dark *),.connect-form textarea:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));border-color:#afb4ef13}.connect-form textarea{resize:none;min-height:100px}
.loader-svg{transform-origin:50%;width:1.5em;animation:2s linear infinite rotate4}.loader-svg circle{fill:none;stroke-width:5px;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;stroke:#3b82f6;animation:1.5s ease-in-out infinite dash4}@keyframes rotate4{to{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}
.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:4px solid;border-color:rgb(59 130 246/var(--tw-border-opacity));--tw-border-opacity:.15;background-color:#b3b6e04d;width:100%}.footer:where(.dark,.dark *){background-color:#0e0e2580}