main{padding:0 100px}@media (width<=1024px){main{padding:0 30px}}main section{padding:var(--header-height) 0px}main section#home{justify-content:center;align-items:center;min-height:100vh;display:flex}main section#home .container{flex-direction:row;align-items:center;max-width:900px;margin-top:0;padding:30px 0;display:flex}@media (width<=1024px){main section#home .container{flex-direction:column;align-items:center}}main section#home .container .profile-picture{border-radius:20px;width:250px;min-width:250px;height:250px;min-height:250px;position:relative}@media (width<=1024px){main section#home .container .profile-picture{width:200px;min-width:200px;height:200px;min-height:200px}}main section#home .container .profile-picture img{object-fit:cover;border-radius:20px;width:100%;height:100%}main section#home .container .content{max-width:550px;margin-left:50px;padding:0 20px}@media (width<=1024px){main section#home .container .content{margin-top:20px;margin-left:0}}main section#home .container .content h1{text-align:left;margin:0 0 30px}@media (width<=1024px){main section#home .container .content h1{text-align:center}}main section#home .container .content ul.social-icons{flex-direction:row;justify-content:flex-start;gap:30px;margin-top:20px;display:flex}@media (width<=1024px){main section#home .container .content ul.social-icons{justify-content:center}}main section#home .container .content ul.social-icons .social-icon a{fill:var(--color-primary);width:25px;height:25px;display:block}main section#home .container .content ul.social-icons .social-icon a svg{width:100%;height:100%}main section#about .container h3{margin:50px 0 30px}main section#about .container .experiences .timeline{margin-top:1rem;padding-left:2rem;position:relative}main section#about .container .experiences .timeline:before{content:"";background-color:var(--color-primary);opacity:.5;width:2px;position:absolute;top:12px;bottom:6px;left:13px}main section#about .container .experiences .timeline .timeline-item{padding-bottom:60px;position:relative}main section#about .container .experiences .timeline .timeline-item:last-child{padding-bottom:0}main section#about .container .experiences .timeline .timeline-item .timeline-marker{background-color:var(--color-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-24px}main section#about .container .experiences .timeline .timeline-item .timeline-content{flex-direction:column;gap:5px;display:flex}main section#about .container .experiences .timeline .timeline-item .period{color:color-mix(in srgb, var(--color-primary) 80%, transparent);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}main section#about .container .experiences .timeline .timeline-item .job-title{color:var(--color-text);margin:0}main section#about .container .experiences .timeline .timeline-item .company{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin:0;font-size:16px}main section#about .container .experiences .timeline .timeline-item .description{margin:0}main section#skills .skill-block{flex-direction:column;gap:10px;padding-left:30px;display:flex}main section#skills .skill-block .skill-title{margin:40px 0 0;font-size:22px;position:relative}@media (width<=1024px){main section#skills .skill-block .skill-title{font-size:20px}}main section#skills .skill-block .skill-title:before{content:"";background-color:var(--color-primary);border-radius:100%;width:10px;height:10px;position:absolute;top:9px;bottom:6px;left:-25px}main section#skills .skill-block .skill-items{flex-wrap:wrap;align-items:center;margin:0;display:flex}main section#skills .skill-block .skill-items .skill-item:after{content:"•";color:color-mix(in srgb, var(--color-primary) 55%, transparent);margin:0 8px}main section#skills .skill-block .skill-items .skill-item:last-child:after{content:""}main section#skills .skill-block .techno-line{color:color-mix(in srgb, var(--color-text) 80%, transparent);font-size:1rem}main section#projects .projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin-top:40px;display:grid}main section#projects .project-card{color:var(--color-text);background-color:var(--color-background);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);box-shadow:0 2px 10px color-mix(in srgb, var(--color-text) 6%, transparent);border-radius:20px;flex-direction:column;gap:18px;padding:34px 32px 28px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}main section#projects .project-card:hover{border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);box-shadow:0 18px 36px color-mix(in srgb, var(--color-primary) 22%, transparent);transform:translateY(-6px)}main section#projects .project-card:hover .project-link{color:var(--color-primary)}main section#projects .project-card:hover .project-arrow{transform:translate(3px,-3px)}main section#projects .project-card .project-header{flex-direction:row;align-items:center;gap:18px;display:flex}main section#projects .project-card .project-logo{border-radius:18px;flex-shrink:0;place-items:center;width:72px;height:72px;padding:14px;display:grid;overflow:hidden}main section#projects .project-card .project-logo .project-logo-img,main section#projects .project-card .project-logo .project-logo-svg{object-fit:contain;width:100%;height:100%}main section#projects .project-card .project-logo .project-logo-svg.tint{fill:var(--color-primary)}main section#projects .project-card .project-name{margin:0;font-size:1.55rem;line-height:1.2}main section#projects .project-card .project-description{color:color-mix(in srgb, var(--color-text) 78%, transparent);flex:1;margin:0;font-size:1.02rem;line-height:1.6}main section#projects .project-card .project-link{color:color-mix(in srgb, var(--color-text) 55%, transparent);align-items:center;gap:7px;font-size:.98rem;font-weight:600;transition:color .25s;display:inline-flex}main section#projects .project-card .project-link .project-arrow{flex-shrink:0;width:17px;height:17px;transition:transform .25s}