.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{background:#1b1b1b;background-image:linear-gradient(180deg, #fff 0, #1b1b1b 30px, #1b1b1b calc(100% - 30px), #fff);border-radius:4px;content:"";height:100%;position:absolute;top:0;width:4px;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%;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);height:40px;left:0;position:absolute;top:0;width:40px}@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:24px;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%}.timeline-element-content{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative}.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 h4{font-size:1.5rem;font-weight:400;line-height:1.334;letter-spacing:0em;margin:0}.timeline-element-content h5{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em;margin:0}.timeline-element-content p{font-size:1rem;font-weight:400;line-height:1.6;margin:1em 0 0}@media only screen and (min-width: 1170px){.timeline-element:nth-child(2n) .timeline-element-content{float:right}}.timeline-element-date{color:#333;font-size:.8125rem;font-weight:500;display:inline-block;float:left;opacity:.7;padding:.8em 0}@media only screen and (min-width: 1170px){.timeline-element-date{font-size:1rem;left:124%;position:absolute;top:6px;width:100%}}@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:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}.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}.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:20px}.image-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.image-container img{display:block;margin:10px auto;}.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:20px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}.splash2 .socials svg{width:24px;fill:#fff}#particles-js{position:fixed;height:100vh;width:100%}hr{height:5px;border:none;background-image:linear-gradient(to right, #ff0, red, indigo, blue, green, orange, violet);}