.timeline{margin:2em auto;max-width:1170px;padding:2em 0;position:relative;width:95%;}@media only screen and (min-width: 1170px){.timeline{margin:3em auto;width:90%}}.timeline::before{content:"";border-radius:4px;height:100%;position:absolute;top:0;width:4px;background:linear-gradient(180deg, rgba(0,0,0,0) 0, #38bdf8 40px, #818cf8 50%, #38bdf8 calc(100% - 40px), rgba(0,0,0,0));box-shadow:0 0 12px rgba(56,189,248,.3);left:18px}@media only screen and (min-width: 1170px){.timeline::before{left:50%;margin-left:-2px}}.timeline-element{position:relative;margin:2em 0}@media only screen and (min-width: 1170px){.timeline-element{margin:4em 0}}.timeline-element::after{clear:both;content:"";display:table}.timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px;border:2px solid rgba(56,189,248,.25);box-shadow:0 0 16px rgba(56,189,248,.2),0 4px 12px rgba(0,0,0,.4);transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.timeline-element-icon:hover{border-color:rgba(56,189,248,.6);box-shadow:0 0 24px rgba(56,189,248,.4),0 4px 16px rgba(0,0,0,.5);transform:scale(1.08)}@media only screen and (min-width: 1170px){.timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.timeline-element-icon svg{fill:currentColor;display:block;width:22px;height:22px;left:50%;margin-left:-11px;margin-top:-11px;position:relative;top:50%}@media only screen and (min-width: 1170px){.timeline-element-icon svg{width:26px;height:26px;margin-left:-13px;margin-top:-13px}}.timeline-element-content{background:var(--timeline-card-bg, #fff);color:var(--timeline-card-text, rgba(0,0,0,.85));border-radius:12px;margin-left:60px;padding:1em 1.2em;position:relative;box-shadow:0 4px 24px rgba(0,0,0,.15);border:1px solid var(--timeline-card-border, rgba(0,0,0,.06));transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}@media (max-width: 599px){.timeline-element-content{margin-left:52px;padding:.8em 1em}}.timeline-element-content:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.timeline-element-content::before{content:"";position:absolute;left:-8px;top:14px;width:14px;height:14px;background:var(--timeline-arrow-bg, #fff);border-left:1px solid var(--timeline-card-border, rgba(0,0,0,.06));border-bottom:1px solid var(--timeline-card-border, rgba(0,0,0,.06));transform:rotate(45deg)}.timeline-element-content::after{clear:both;content:"";display:table}@media only screen and (min-width: 1170px){.timeline-element-content{margin-left:0;padding:1.5em;width:44%}.timeline-element-content::before{left:auto;right:-8px;border-left:none;border-right:1px solid rgba(0,0,0,.06);border-top:1px solid rgba(0,0,0,.06);border-bottom:none}}.timeline-element-content h4{font-size:1.4rem;font-weight:500;line-height:1.334;margin:0;color:#111}.timeline-element-content h5{font-size:1rem;font-weight:500;line-height:1.6;margin:4px 0 0;color:var(--timeline-h5-color, #38bdf8)}.timeline-element-content h5 a{color:inherit}.timeline-element-content h5 a:hover{color:#818cf8}.timeline-element-content p{font-size:.95rem;font-weight:400;line-height:1.7;margin:.75em 0 0;color:rgba(0,0,0,.75)}@media only screen and (min-width: 1170px){.timeline-element:nth-child(2n) .timeline-element-content{float:right}.timeline-element:nth-child(2n) .timeline-element-content::before{right:auto;left:-8px;border-right:none;border-left:1px solid rgba(0,0,0,.06);border-top:none;border-bottom:1px solid rgba(0,0,0,.06)}}.timeline-element-date{font-size:.8rem;font-weight:600;display:inline-block;float:left;padding:.8em 0;color:rgba(56,189,248,.8);letter-spacing:.03em}@media only screen and (min-width: 1170px){.timeline-element-date{font-size:.9rem;left:124%;position:absolute;top:6px;width:100%;color:rgba(232,232,244,.6)}}@media only screen and (min-width: 1170px){.timeline-element:nth-child(2n) .timeline-element-date{left:auto;right:124%;text-align:right}}.tooltip{pointer-events:none;user-select:none;opacity:0;transform:translateX(-50%);transition:opacity .2s ease;position:absolute;z-index:1;inline-size:max-content;max-inline-size:25ch;text-align:center;font-size:.725rem;font-weight:normal;line-height:normal;line-height:initial;padding:.75ch 1.5ch;inset-inline-start:50%;inset-block-start:calc(100% + 1ch);margin:0;border-radius:5px;background:rgba(97,97,97,.9);color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3)}.tooltip::before{content:"; Has tooltip: ";height:20px;width:30px;overflow:hidden;padding:0;position:absolute;top:-20px;left:calc(50% - 15px);right:calc(50% + 15px);bottom:0;opacity:0}.has-tooltip{position:relative}.has-tooltip:is(:hover,:focus-visible,:active)>.tooltip,.has-tooltip>a:is(:hover,:focus-visible,:active)+.tooltip{opacity:1;transition-delay:200ms;pointer-events:unset;user-select:unset}body{--bg: #0d0d18;--bg-secondary: #13131f;--text: #e8e8f4;--text-muted: #8888aa;--link: #38bdf8;--navbar-bg: rgba(13, 13, 24, 0.55);--navbar-sticky-bg: rgba(13, 13, 24, 0.92);--navbar-border: rgba(255, 255, 255, 0.06);--drawer-bg: rgba(13, 13, 24, 0.97);--icon-bg: rgba(255, 255, 255, 0.06);--icon-border: rgba(255, 255, 255, 0.1);background:#0d0d18;color:#e8e8f4}.container{position:relative;display:flex;justify-content:center;align-items:center;height:100vh}.scene-container{position:relative;z-index:999}.sg-picture{margin-top:7vh}@media only screen and (max-width: 768px){.sg_picture{margin-top:-5vh;margin-left:-3vh}.sg-picture{width:36vh;position:relative;top:0}.hello-picture{width:30vh}.im-picture{width:5vh}}#footer{position:fixed;bottom:0;width:100%;margin-bottom:clamp(10px,3vh,20px);z-index:100}hr{height:1px;border:none;background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(56,189,248,.4) 20%, #38bdf8 50%, rgba(129,140,248,.4) 80%, rgba(0,0,0,0) 100%);box-shadow:0 0 14px rgba(56,189,248,.4);margin:0 auto 14px;max-width:320px;border-radius:2px}.splash2{min-height:100%;max-height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.splash2 .socials{margin-top:16px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.splash2 .socials .has-tooltip{display:flex;flex-direction:column;align-items:center;gap:6px}.splash2 .socials .has-tooltip a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.splash2 .socials .has-tooltip:hover a{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.45);box-shadow:0 0 20px rgba(56,189,248,.3),0 8px 24px rgba(0,0,0,.4);transform:translateY(-5px) scale(1.08)}.splash2 .socials .has-tooltip svg{width:24px;height:24px;fill:rgba(255,255,255,.75);transition:fill .3s ease,filter .3s ease}.splash2 .socials .has-tooltip:hover svg{fill:#38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}#particles-js{position:fixed;height:100vh;width:100%;top:0;left:0}.image-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.image-container img{display:block;margin:10px auto}.hello-picture{--img-shadow: drop-shadow(0 0 24px rgba(56, 189, 248, 0.18))}.im-picture{--img-shadow: drop-shadow(0 0 12px rgba(129, 140, 248, 0.2))}.sg-picture{--img-shadow: drop-shadow(0 0 32px rgba(56, 189, 248, 0.15))}