.hero-section{color:#fff;text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}
.bg-layer{z-index:-1;position:fixed;top:0;bottom:0;left:0;right:0}.bg-slide{opacity:0;transition:opacity 1s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.bg-slide.active{opacity:1}
.recent-blogs-section{background-color:var(--color-primary);color:var(--color-secondary);min-height:50vh;padding:1rem}.recent-blogs-content{max-width:var(--content-width);margin:0 auto}.recent-blogs-header{height:30%;font-family:var(--font-heading);text-align:center;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (max-width:768px){.recent-blogs-content{padding:3rem 1.5rem}}
.about-me{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:5% 10%;position:relative;overflow:hidden}.about-me:before{content:"";z-index:0;background:#fffc;position:absolute;top:0;bottom:0;left:0;right:0}.about-me *{z-index:1;position:relative}.about-me-columns{max-width:var(--content-width);grid-template-columns:repeat(2,1fr);place-items:center;gap:2rem;height:100%;margin:0 auto;display:grid}.about-me-columns img{object-fit:cover;border-radius:12px;width:70%;height:80%}.about-me-columns h2{font-family:var(--font-heading);color:var(--color-black)}.about-me-columns p{font-family:var(--font-body);width:100%}@media (max-width:768px){.about-me{padding:3rem 1.5rem}.about-me-columns{grid-template-columns:1fr}.about-me-columns img{order:-1;width:100%;height:auto}}