:root{margin:0;font-family:Hind,system-ui,-apple-system,Segoe UI,sans-serif;color:#000;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}h1,h2{color:#09637e;font-size:2rem}h3{font-size:2rem}p{font-size:1.2rem;color:#4b3e45}.hero{padding-top:4rem}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-profile-pic{width:120px;height:120px}.hero-intro{font-size:1rem;font-weight:700}.hero-presentation{text-align:left}.hero-arrow{display:block;margin-inline:auto;padding:1rem}.tech{background-color:#09637e}.tech-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.tech h2{color:#fff}.tech p{color:#fff;font-size:1rem;text-align:center}.featured{display:flex;flex-direction:column;align-items:center}.featured-inner{padding-top:2rem;padding-bottom:2rem}.featured-title{text-align:left}.projects{display:flex;flex-direction:column;gap:1rem}.project{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.project-img{object-fit:cover;height:100%;width:100%;display:block;border-left:.8rem solid #09637E;border-bottom:.8rem solid #09637E}.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0 0}.tags li{background:black;color:#fff;padding:.1rem 1rem;font-size:.85rem}.links{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1.2rem;font-family:Montserrat,Hind,system-ui,sans-serif;font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-live{background:#EBF4F6;color:#333}.btn-live:hover{background:#09637E;color:#fff}.btn-view{background:#EBF4F6;color:#333}.btn-view:hover{background:#7AB2B2}.skills{min-height:600px;background-color:#09637e;display:flex;flex-direction:row;align-items:center;justify-content:center}.skills-inner{display:flex;flex-direction:column;gap:2rem}.skills-title h2{color:#fff;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.skills-grid>div:nth-child(1) h3{background-color:#eb5577}.skills-grid>div:nth-child(2) h3{background-color:#2483e0}.skills-grid>div:nth-child(3) h3{background-color:#6db486}.skills-grid h3{display:inline-block}.skills-grid ul{list-style:none;padding:0}.skills h3{color:#fff;font-size:2rem}.skills li{color:#fff}.contact{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-grid{display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-title h2{color:#09637e}.contact-name{font-size:1.5rem;font-weight:700}.contact-email{font-size:1rem}@media (min-width: 768px){h2{font-size:2.5rem}.hero-inner,.tech-inner,.featured-inner,.skills-inner,.contact-grid{width:90%;margin-inline:auto}.hero-inner{flex-direction:column;align-items:stretch;text-align:left}.hero-top{text-align:left}.hero-content{display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:1rem}.tech{padding:2rem 0}.projects{gap:2rem}.project{grid-template-columns:2fr 3fr;align-items:start}.project-content{display:flex;flex-direction:column;gap:.5rem}}@media (min-width: 1024px){h2{font-size:4rem}h3{font-size:2.5rem}p{font-size:1.5rem}.hero-inner,.tech-inner,.featured-inner,.skills-inner,.contact-grid{width:80%;margin-inline:auto}.hero-profile-pic{width:160px;height:160px}.tech-inner{flex-direction:row;justify-content:flex-start;gap:2rem}}