*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;background-color:#0f172a}body{font-family:Inter,sans-serif;line-height:1.5;color:#e2e8f0}:root{--color-headings: rgb(226, 232, 240);--color-content: rgb(148, 163, 184);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem}.font-color-grey{color:#94a3b8}.color-white{color:#fff}a{color:inherit;text-decoration:none}.project-card{width:100%;margin-top:2rem;margin-bottom:2rem}.project-card:hover{transform:scale(1.02);background-color:#202c50;box-shadow:0 0 25px #202c5099}.project-image{width:60%;margin-top:1rem}.arrow-icon{margin-left:.5rem}@media (min-width: 1024px){.project-card{display:flex;padding:1rem;border-radius:5px}.project-card:hover{background-color:#202c50;box-shadow:0 0 25px #202c5099}.project-image{order:1;width:30%;margin-top:0;margin-right:1rem}.heading-and-description{order:2}}.main-container{padding:2.5rem 1.5rem 2rem}.hero{text-align:left}.hero-name{font-size:2.5rem}.hero-role{font-size:1.2rem}.hero-description,.hero-email,.hero-mobile{margin-top:.3rem;text-decoration:none}.cta-button{color:#fff;border:1px solid #3b82f6;padding:10px 20px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block;transition:.25s ease}.cta-button:hover{background:#3b82f61a;box-shadow:0 4px 12px #3ba7ff40}.about{padding-top:2rem}.about-heading{margin-bottom:1rem}.skills-container{margin-top:2rem}.skills-heading{margin-bottom:1rem}.skills{display:flex;flex-wrap:wrap;gap:12px}.skill-pill{padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#5eead4;background-color:#2dd4bf1a;font-size:14px}.projects{margin-top:2rem}@media (min-width: 1024px){.main-container{display:flex}.bio-section{width:40%;padding:2rem;margin-left:5rem;position:fixed}.details-section{width:50%;margin-right:5rem;margin-left:50%}.projects-grid:hover .project-card{opacity:.5}.projects-grid .project-card:hover{opacity:1}}