.img-container{width:100%;height:auto;background:#000;display:flex;align-items:center;justify-content:center}.image-wrapper{display:flex;height:auto;justify-content:center;align-items:flex-end;position:relative;padding:20px 0}.image-1,.image-2,.image-3{width:35%;height:auto;border-radius:12px;border:white .5px solid}.image-1,.image-3{position:relative;z-index:1;top:15%}.image-1{transform:rotate(-15deg);margin-right:-15%}.image-3{transform:rotate(15deg);margin-left:-15%}.image-2{position:relative;z-index:2;transform:rotate(0)}@media (min-width: 640px){.image-1,.image-2,.image-3{width:25%}.image-1{margin-right:-10%}.image-3{margin-left:-10%}}@media (min-width: 1024px){.image-1,.image-2,.image-3{width:25%}.image-1{margin-right:-5%}.image-3{margin-left:-5%}}.grid-section{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;padding:64px 16px}@media (min-width: 640px){.grid-section{grid-template-columns:repeat(8,1fr)}.grid-section h1,.grid-section h2,.grid-section h3{grid-column:span 8}}@media (min-width: 1024px){.grid-section{grid-template-columns:repeat(12,1fr);padding:128px}.grid-section h1,.grid-section h2,.grid-section h3{grid-column:span 12}}.grid-section h1,.grid-section h2,.grid-section h3{grid-column:span 4}.grid-section h1,.grid-section h2{text-align:center}.white-background{background:#fff;color:#000}.black-background{background:#000;color:#fff}.intro-text{grid-column:span 4;text-align:center}@media (min-width: 640px){.intro-text{grid-column:span 8}}@media (min-width: 1024px){.intro-text{grid-column:span 12}}.bio-title,.bio-description,.tech-title,.tech-description{grid-column:span 4;text-align:center}.tech-title,.bio-title{margin-bottom:16px}@media (min-width: 640px){.bio-title,.bio-description,.tech-title,.tech-description{grid-column:span 8}}@media (min-width: 1024px){.bio-title,.bio-description,.tech-title,.tech-description{grid-column:span 12}}.tag{align-items:flex-start;border:1px solid;border-radius:4px;display:flex;justify-content:center;padding:2px 6px;position:relative}.tag.white{background-color:#fff;color:#000;border-color:#000}.tag.black{background-color:#000;color:#fff;border-color:#fff}.tag .text-wrapper{margin-top:-1px;position:relative;width:fit-content}.btn-primary{align-items:center;background-color:#000;border:2px solid;border-color:#000;border-radius:12px;font-family:Poppins;display:flex;gap:16px;height:48px;padding:0 16px;width:220px;text-decoration:none;color:#fff;font-size:18px;position:relative;width:fit-content;cursor:pointer}.info{grid-column:span 4;width:100%}.project{display:flex;flex-direction:column;gap:12px;margin-top:64px}.project-image{width:100%;height:auto;border-radius:12px;border:black 1.5px solid;margin-bottom:32px}.project-details{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;text-align:left}.tech-tags,.project-buttons{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:32px}.show-btn{align-items:center;background:#fff;border:2px solid;border-color:#000;font-family:Poppins;border-radius:12px;display:flex;gap:16px;height:48px;padding:0 16px;text-decoration:none;color:#000;font-size:18px;width:fit-content;cursor:pointer;margin:64px auto 0}@media (min-width: 640px){.info{grid-column:span 8}}@media (min-width: 1024px){.info{grid-column:span 12;margin-top:64px}.project-image{width:45%}.project{flex-direction:row;align-items:flex-start;margin-bottom:128px;gap:125px}.project:nth-child(2n) .project-image{order:2}}.skills-container{grid-column:span 4;align-items:center}.skills-sections{width:100%;display:flex;flex-direction:column;gap:24px;margin-top:16px}.skills-section{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.skills-container{grid-column:span 8}}@media (min-width: 1024px){.skills-container{grid-column:span 12}.skills-sections{flex-direction:row}}.btn-secondary{align-items:center;background:#fff;border:2px solid;border-color:#000;border-radius:12px;display:flex;gap:16px;height:48px;padding:0 16px;width:271px;font-family:Poppins;font-size:18px;position:relative;cursor:pointer;margin-top:16px}.articles-container{grid-column:span 4;margin-top:128px}.articles-list{display:flex;flex-direction:column;gap:32px;width:100%}.article{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:32px}.article-image{width:100%;height:auto;border-radius:12px;object-fit:cover;border:white 1px solid}.article-content{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;gap:16px}@media (min-width: 640px){.articles-container{grid-column:span 8}.article-image{height:350px;object-fit:cover}}@media (min-width: 1024px){.articles-container{grid-column:span 12}.article{flex-direction:row;align-items:center}.article-image{width:35%;height:auto}.article-content{width:65%}}.contact-container{width:100%;height:100%;grid-column:span 4;align-items:center;gap:16px}.contact-content{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:64px}.contact-image{width:50%;height:auto;border-radius:50%;margin-top:16px}.contact-details{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}.icons{display:flex;gap:16px}.btn-icon{background:transparent;border:none;padding:8px;cursor:pointer}@media (min-width: 640px){.contact-container{grid-column:span 8}.contact-image{width:35%}}@media (min-width: 1024px){.contact-container{grid-column:span 12}.contact-image{width:30%}}body{margin:0 auto;padding:0;background:#000;font-family:Poppins;word-wrap:"break-word"}h1{font-size:60px;margin:16px 0}h2{font-size:60px;margin:0}h3{font-size:24px;margin:0}p{font-family:Poppins;font-size:16px;margin:0}@media (min-width: 640px){.grid-section h2{grid-column:span 8}}@media (min-width: 1024px){.grid-section h2{grid-column:span 12}h1{font-size:100px}h2{font-size:80px}h3,p{font-size:30px}}