@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0%;padding:0%;box-sizing:border-box;font-family:__GeistSans_,sans-serif;font-style:normal}h1{font-family:__GeistSans_,sans-serif}.app-body{max-width:1030px;margin:auto;padding:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0}header .header-img img{width:45px;display:none}header ul{display:flex;gap:20px;font-size:14px;font-weight:600;padding:10px 20px;border:.1px solid #dbdbdb;border-radius:50px}header ul li{list-style:none;text-transform:capitalize;cursor:pointer;color:#353538}header ul li a{text-decoration:none;color:#353538}header ul li a:active{color:#14b8a6}header ul li a:hover{color:#14b8a6}header .header-toggle-btn span{font-family:Fira Code,monospace;background-color:#dbdbdb;color:#000;padding:3px 5px;border-radius:5px;font-weight:500;cursor:none}header .header-toggle-btn span:hover{background-color:#8f9ba8}@media (max-width: 480px){header{justify-content:center}header .header-toggle-btn{display:none}header ul{padding:10px 20px}header ul li{font-size:1.2rem}}.hero-main{height:calc(100vh - 12rem)}.hero{display:flex;flex-direction:column;gap:25px;max-width:36rem;margin-top:4rem}.hero-image img{width:70px}.hero-tagline h1{font-size:2.8rem;font-weight:700;letter-spacing:-.05em;line-height:1}.hero p{color:#515159;font-size:1.1rem;font-weight:500;line-height:1.5}.underline-span{color:#28282e;font-weight:600;text-decoration:underline}.hero-social-icons{display:flex;gap:25px;margin-top:5px}.hero-social-icons span{font-size:1.5rem;transition:linear .15s}.hero-social-icons span:hover{transform:scale(108%);cursor:pointer}@media (max-width: 786px){.hero{margin:4.5rem 1.5rem 0;padding:.625rem;gap:10px}.hero h1{font-size:2rem;line-height:1.2;letter-spacing:-.05em}.hero p{font-size:1.3rem}.hero-social-icons{margin-top:15px}.hero-social-icons span{font-size:1.7rem}}.card{display:flex;flex-direction:column;gap:1.1rem;background:transparent;padding:15px 20px;border-radius:1rem;width:21.2rem;transition:linear .2s;cursor:pointer;margin-top:30px}.card:hover{background-color:#f9f8f8}.card img{max-width:40px;border-radius:5px}.tech-tags{display:flex;gap:10px}.tech-tags span{background-color:#f2f2f2;color:#333;padding:5px 10px;border-radius:50px;border:1px solid #e0e0e0;font-weight:500;font-size:14px}.card h3{color:#262629;font-size:1.1rem;font-weight:700}.card p{font-family:Inter,sans-serif;font-size:.85rem;font-weight:550;color:#29292e}.card a{text-decoration:none;color:#a6a6ae;font-family:__GeistSans_,sans-serif;font-weight:600;display:flex;align-items:center;gap:7px;font-size:.9rem;margin:10px 0}.card a:hover{color:#14b8a6}@media (max-width:786px){.card{gap:10px}.card h3{font-size:1.4rem}.card p{font-size:1rem}.card a{font-size:1.1rem}}.projects-intro{max-width:40rem;display:flex;flex-direction:column;gap:20px;margin-top:8rem}.projects-intro h1{font-size:2.9rem;line-height:1;color:#27272a;letter-spacing:-.05em;font-weight:700}.projects-intro p{font-size:1.1rem;color:#52525b;font-weight:400;line-height:1.5}.projects-section .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;margin:30px 0 60px}@media (max-width: 900px){.projects-section .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 786px){.projects-section .projects-grid{display:flex;flex-direction:column;margin:3rem 1.5rem;padding:.625rem}.project-section-intro{margin:0 1.5rem;padding:.625rem}.project-section-intro h1{font-size:2rem;line-height:1.1}.project-section-intro p{font-size:1.1rem}}.skills-intro{max-width:42rem;margin-top:8rem}.skills-intro h1{font-size:3rem;line-height:1;color:#27272a;font-weight:700;letter-spacing:-.05em}.skills-intro p{margin-top:1.5rem;font-size:1rem;line-height:1.5rem;color:#52525b;opacity:1;font-weight:550;font-family:Inter,sans-serif}@media (max-width:786px){.skills-intro{margin:7rem 1.5rem 0;padding:.625rem}.skills-intro h1{font-size:2rem;line-height:1.2;letter-spacing:-.05em}.skills-intro p{margin-top:1rem;font-size:1.1rem}}.skills-section{max-width:48rem;margin-top:5rem;margin-bottom:4rem}.skills-grid{display:flex;flex-direction:column;gap:20px}@media (max-width:786px){.skills-section{margin:3rem 1.5rem;padding:.625rem}.skills-grid{gap:10px}}.skills-card{padding:25px;border-radius:1rem;display:flex;flex-direction:column;transition:.3s linear}.skills-card:hover{background-color:#f9f8f8}.skills-card h3{font-size:1rem;line-height:1.5rem;color:#27272a;font-weight:600;letter-spacing:-.025em}.skills-card p{font-size:.875rem;line-height:1.25rem;color:#52525b;margin-top:.5rem;font-weight:500;font-family:Inter,sans-serif}.skills-card span{color:#14b8a6;font-size:.875rem;line-height:1.25rem;font-weight:600;margin-top:1rem}.skills-card-grid{display:flex;align-items:center;gap:50px}.skills-card-grid img{width:150%;height:auto}@media (max-width: 786px){.skills-card p{font-size:1rem}.skills-card span{font-size:1rem;font-weight:600}}