.timeline.svelte-9u8uj7{display:flex;flex-direction:column;align-items:center;position:relative}.line.svelte-9u8uj7{position:fixed;width:25px;background:linear-gradient(-45deg,#00ffa3,#00cfff,#a57fff,#ff61c0,#ffa07a,#00ffa3);height:100%;z-index:-1;top:0}.event.svelte-9u8uj7{display:flex;justify-content:flex-start;align-items:center;margin:1rem 0;width:70%;max-width:1500px}.event.svelte-9u8uj7 h3:where(.svelte-9u8uj7){font-family:DotGothic16;font-size:1.5rem;background:-webkit-linear-gradient(#00ffa3,#00cfff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:5px 5px 10px}.event.svelte-9u8uj7 p:where(.svelte-9u8uj7){font-family:monospace;text-decoration:none;font-size:1.1rem;color:#00cfff;margin:5px}.event.svelte-9u8uj7 .key-item:where(.svelte-9u8uj7){color:#00ffa3}@media (max-width: 768px){.event.svelte-9u8uj7{width:95%}}.event.left.svelte-9u8uj7{justify-content:flex-end}.event.left.svelte-9u8uj7 .event-content:where(.svelte-9u8uj7){animation:svelte-9u8uj7-slideInFromLeft .3s ease-in-out}.event.right.svelte-9u8uj7{justify-content:flex-start}.event.right.svelte-9u8uj7 .event-content:where(.svelte-9u8uj7){animation:svelte-9u8uj7-slideInFromRight .3s ease-in-out}@keyframes svelte-9u8uj7-slideInFromLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:95%}}@keyframes svelte-9u8uj7-slideInFromRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:95%}}.event-content.svelte-9u8uj7{display:flex;flex-flow:column wrap;background-color:#333;padding:1rem;border-radius:8px;position:relative;opacity:95%;width:75%}.event-content.svelte-9u8uj7 .techstack:where(.svelte-9u8uj7){align-self:flex-end;font-family:monospace;text-decoration:none;font-size:.9rem;margin:10px 5px 5px;color:#00cfff}