:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: 180ms;--dur: 420ms;--dur-slow: 900ms}.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:rgba(11,11,11,.78);background-image:linear-gradient(180deg, #fff 0, rgba(11,11,11,.78) 30px, rgba(11,11,11,.78) 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;display:flex;align-items:center;justify-content:center}@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:55%;height:55%}.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:rgba(15,15,15,.86);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.14);color:#ededed;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:#b5b5b5;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}.splash{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 16px;}.splash .profile-picture{width:128px;height:128px;border-radius:100px;border:3px solid #fff;background:#0b0b0b;box-shadow:0 0 0 6px rgba(255,255,255,.08),0 12px 40px rgba(0,0,0,.6)}.splash h1{font-size:clamp(2.75rem,8vw,5.25rem);font-weight:400;font-variation-settings:"opsz" 120,"SOFT" 0,"WONK" 1;line-height:1.02;margin-top:30px;margin-bottom:10px;text-shadow:0 2px 30px rgba(0,0,0,.8)}@media only screen and (max-width: 599px){.splash h1{margin-top:24px}}.splash h2{font-family:"Inter","Roboto","Helvetica","Arial",sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:0;color:#c9c9c9}@media only screen and (max-width: 599px){.splash h2{font-size:1.1rem}}.splash .badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px;max-width:640px}.splash .badge{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#dcdcdc;background:rgba(255,255,255,.05)}.splash .socials{margin-top:28px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}.splash .socials svg{width:24px;fill:#fff}.splash .cv-button{margin-top:32px;padding:10px 22px;border:1px solid rgba(255,255,255,.55);border-radius:4px;color:#fff}.splash .cv-button:hover{background:#fff;color:#0b0b0b;opacity:1}.section{background:rgba(15,15,15,.78);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#ededed;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);padding-top:24px;padding-bottom:24px;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)}.section a{text-decoration:underline;text-underline-offset:2px}.section h3{margin:20px 0;text-align:center;font-size:1.5rem;font-weight:500;line-height:1.334;letter-spacing:0em}.section-title{padding:75px 0 65px;color:#fff;display:flex;align-items:center;flex-direction:column}.section-title h2{margin:0;font-size:2.125rem;font-weight:400;line-height:1.235;letter-spacing:.00735em}.board-strip{width:min(224px,45vw);height:12px;opacity:.6;background-image:linear-gradient(45deg, #f2f2f2 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, #f2f2f2 75%),linear-gradient(45deg, #f2f2f2 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, #f2f2f2 75%);background-position:0 0,12px 12px;background-size:24px 24px}.board-strip.board-strip--after{margin-top:20px}#about-me{font-weight:300;padding:1rem 0;font-size:1.5rem;text-align:center;max-width:900px;margin:0 auto}.card{width:100%;display:flex;flex-direction:column;margin:10px;border-radius:4px;overflow:hidden;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)}.card .card-content{padding:16px;flex-grow:1}.card .card-actions{display:flex;padding:8px;align-items:center}.top-projects{display:flex;flex-flow:row wrap;justify-content:center;align-content:center}.top-projects .card{width:clamp(50px,100%,350px)}.top-projects .card .card-icon{display:block;margin:0 auto 12px auto;width:64px;height:64px}.top-projects .card .card-icon svg{width:100%;height:100%;fill:currentColor;display:block}.top-projects .card .card-icon img{width:100%;height:100%;object-fit:cover;border-radius:4px}.top-projects .card h4{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em;margin:0}.top-projects .card .card-actions .button{border:1px solid currentColor}