.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}.splash{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;}.splash .profile-picture{width:100px;height:100px;border-radius:100px}.splash h1{font-family:"Nunito","Roboto","Helvetica","Arial",sans-serif;font-size:4rem;font-weight:300;margin-top:30px;margin-bottom:10px}.splash h2{font-size:1.5rem;font-weight:400}.splash .socials{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}.splash .socials svg{width:24px;fill:#fff}.section{background:#fff;color:rgba(0,0,0,.8);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 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;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}#about-me{font-weight:300;padding:1rem 0;font-size:1.5rem}.card{width:100%;display:flex;flex-direction:column;margin:10px;border-radius:4px;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 img{width:80px;height:80px;margin:0 auto 10px auto;display:block}.top-projects .card h4{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:.0075em;margin:0}