#timeline{position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;padding-bottom:100px}@media(max-width:900px){#timeline{grid-template-columns:1fr}}.timeline-header{text-align:center;height:50px;margin-top:50px}.timeline-header>h2{margin:0 0 15px}@media(max-width:900px){.timeline-header:nth-of-type(1){display:none}.timeline-header{margin-top:50px}}#timeline-filters-buttons{position:sticky;top:var(--nav-height);z-index:1;background-color:var(--primary-color);height:50px;grid-column:2;text-align:center;margin:0 6px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}@media(max-width:900px){#timeline-filters-buttons{grid-column:1;margin:0 0 10px 15px}}.timeline-filters-button{padding:3px 10px;border:2px solid var(--accent-color);background-color:var(--primary-color);border-radius:15px;color:inherit}.timeline-filters-button.active{background-color:var(--accent-color);color:#fff}.timeline-filters-button:hover,.timeline-filters-button:focus-visible{background-color:var(--second-accent-color);color:inherit}@media(max-width:900px){.timeline-filters-button{margin-right:15px}}#t-line{position:absolute;height:100%;background:linear-gradient(var(--primary-color),var(--accent-text-color) 150px,var(--accent-text-color) calc(100% - 100px),var(--second-accent-color));width:10px;margin-left:calc(50% - 5px)}@media(max-width:900px){#t-line{margin-left:5px}}.project-section{--date-vert: -23px;--date-hor: 40px;padding:10px 20px;border:2px solid var(--accent-text-color);border-radius:5px;margin:20px;font-size:14px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.project-section.work{grid-column:1;margin-right:-2px;text-align:end;flex-direction:row-reverse;padding-right:30px}.project-section.own{grid-column:2;margin-left:-2px;padding-left:30px}.project-section.design,.project-section.article{grid-column:2;margin-left:50px}.project-section:after{content:"";width:20px;height:4px;background:var(--primary-color);position:absolute;bottom:-3px}.project-section.work:after{right:5px}.project-section.own:after{left:5px}.project-section.design:after,.project-section.article:after{background:var(--accent-text-color);height:2px;width:50px;left:-50px;bottom:auto;top:50%}.project-headline-button{background:transparent;padding:0;outline-offset:0;display:flex;flex-direction:row;align-items:center;text-align:inherit}.project-headline-button.work{flex-direction:row-reverse;width:100%}.project-section h2{font-weight:400;margin:10px 3px}.project-link{display:inline-block;height:20px;padding:2px;border-radius:2px;outline-offset:2px}.project-link:hover,.project-link:focus{background:#d3d3d3}.project-link>img{height:100%}body.dark-theme .project-link{filter:invert(1)}@media(prefers-color-scheme:dark){.project-link{filter:invert(1)}}.project-skills{display:flex;flex-direction:row;gap:4px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.project-skills.work{flex-direction:row-reverse}.project-skills-tile{background-color:var(--accent-text-color);padding:0 10px;border-radius:3px;line-height:20px;color:#fff}body.dark-theme .project-skills-tile{color:#000}@media(prefers-color-scheme:dark){.project-skills-tile{color:#000}body.light-theme .project-skills-tile{color:#fff}}.project-skills-tile.inverted{color:var(--accent-text-color)!important;border:1px solid var(--accent-text-color);background-color:transparent;padding:0 8px;line-height:18px}.project-description{font-size:.8rem;margin-bottom:10px;line-height:1.4;text-align:justify}.project-expanded-content{height:100%;overflow:hidden}.project-section-image{width:100px;min-width:100px;border-radius:5px;background-color:#fff}@media(max-width:900px){.project-section{flex-direction:column-reverse;align-items:flex-start;margin:20px 5px;padding:10px}.project-section.work{margin-right:5px;margin-left:8px;flex-direction:column-reverse;padding-left:15px;text-align:start;padding-right:10px}.project-section.own{padding-left:15px;grid-column:1;margin-left:8px}.project-section.design,.project-section.article{grid-column:1;margin-left:30px}.project-section.design:after,.project-section.article:after{width:20px;left:-20px}.project-section.work:after{right:auto;left:5px}.project-section h2{font-size:1.1rem}.project-headline-button.work{flex-direction:row;justify-content:flex-start}.project-skills.work{flex-direction:row}.project-skills-tile{font-size:.7rem;padding:0 7px;line-height:17px}.project-skills-tile.inverted{padding:0 6px;line-height:15px}.project-section-image{margin-top:10px;width:50px;min-width:50px}.project-section-image.article{display:none}}.project-end-date,.project-start-date{padding:0 3px;background-color:var(--primary-color);position:absolute;font-size:.8rem;color:var(--accent-text-color)}.project-end-date{top:var(--date-vert)}.project-start-date{bottom:var(--date-vert)}.project-start-date.work,.project-end-date.work{right:var(--date-hor)}.project-start-date.own,.project-end-date.own{left:var(--date-hor)}@media(max-width:900px){.project-start-date.work,.project-end-date.work{right:auto;left:var(--date-hor)}}#experience-page-header{margin-top:50px;margin-left:100px}#experience-page-description{padding:10px 80px 40px;max-width:800px;line-height:1.3;text-align:justify}@media(max-width:1000px){#experience-page-description{padding:1px 30px 0}}@media(max-width:500px){#experience-page-header{width:100%;text-align:center;margin-left:0}}