*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:100%;margin:0 auto;background:#000;padding:40px 10px}.about-me-container{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:3rem 2rem 2rem;gap:14rem;flex-wrap:wrap;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d}.about-me-img{width:250px;height:250px;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #0000001a}.about-me-text{max-width:600px;display:flex;flex-direction:column;gap:1rem}.about-me-text h1,.about-me-text h2{font-size:1.8rem;color:#333}.about-me-text p{font-size:1rem;line-height:1.6;color:#555}.project-container{display:flex;flex-direction:column;align-items:center;padding:40px 0;gap:1rem;width:100%;margin:0 auto}.html-css{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.title{font-size:clamp(1.8rem,5vw,3rem);color:#333;text-align:center}.text-html-css{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.text-html-css h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.text-html-css h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.text-html-css p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.html-css-img{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.html-css-img img{width:100%;max-width:280px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .4s ease-in-out}.html-css-img img:hover{transform:scale(3.5)}@media (max-width: 768px){.html-css-img{grid-template-columns:repeat(2,1fr)}.html-css-img img{max-width:160px}.html-css-img img:hover{transform:scale(2.4)}}@media (max-width: 480px){.html-css-img{grid-template-columns:1fr}.html-css-img img{max-width:100%;height:auto;object-fit:contain}.text-html-css{padding:0 .5rem}.html-css-img img:hover{transform:scale(1.45)}}.javascript{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-javascript{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.text-javascript h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.text-javascript h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.text-javascript p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.javascript-img{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.javascript-img img{width:100%;max-width:280px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .4s ease-in-out}.javascript-img img:hover{transform:scale(3.5)}@media (max-width: 768px){.javascript-img{grid-template-columns:repeat(2,1fr)}.javascript-img img{max-width:160px}.javascript-img img:hover{transform:scale(2.4)}}@media (max-width: 480px){.javascript-img{grid-template-columns:1fr}.javascript-img img{max-width:100%;height:auto;object-fit:contain}.javascript-img img:hover{transform:scale(1.4)}.text-javascript{padding:0 .5rem}}.react-component{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-react{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.text-react h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.text-react h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.text-react p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.react-img{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.react-img img{width:100%;max-width:280px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .4s ease-in-out}.react-img img:hover{transform:scale(3.5)}@media (max-width: 768px){.react-img{grid-template-columns:repeat(2,1fr)}.react-img img{max-width:160px}.react-img img:hover{transform:scale(2.4)}}@media (max-width: 480px){.react-img{grid-template-columns:1fr}.react-img img{max-width:100%;height:auto;object-fit:contain}.react-img img:hover{transform:scale(1.45)}.text-react{padding:0 .5rem}}.next-component{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-next{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.text-next h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.text-next h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.text-next p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.next-img{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.next-img img{width:100%;max-width:280px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .4s ease-in-out}.next-img img:hover{transform:scale(3.5)}@media (max-width: 768px){.next-img{grid-template-columns:repeat(2,1fr)}.next-img img{max-width:160px}.next-img img:hover{transform:scale(2.4)}}@media (max-width: 480px){.next-img{grid-template-columns:1fr}.next-img img{max-width:100%;height:auto;object-fit:contain}.next-img img:hover{transform:scale(1.45)}.text-next{padding:0 .5rem}}.python-component{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-python{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.text-python h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.text-python h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.text-python p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.python-img{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.python-img img{width:100%;max-width:280px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a;transition:transform .4s ease-in-out}.python-img img:hover{transform:scale(3.5)}@media (max-width: 768px){.python-img{grid-template-columns:repeat(2,1fr)}.python-img img{max-width:160px}.python-img img:hover{transform:scale(2.4)}}@media (max-width: 480px){.python-img{grid-template-columns:1fr}.python-img img{max-width:100%;height:auto;object-fit:contain}.python-img img:hover{transform:scale(1.45)}.text-python{padding:0 .5rem}}.qhealt-component{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.qhealt{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;max-width:800px;width:100%;padding:0 1rem}.qhealt h2{font-size:clamp(1.4rem,4vw,1.8rem);color:#333;text-decoration:underline}.qhealt h4{font-size:clamp(1rem,3vw,1.2rem);margin-top:1rem;color:#444}.qhealt p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6;color:#555}.demo-video-link{color:red}.footer-component{width:100%;margin:40px auto 0;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-component h3{font-size:1.8rem;color:#333;text-decoration:underline}.footer-icons-row{display:flex;gap:1.5rem;justify-content:center;align-items:center}.footer-icon{width:32px;height:32px;transition:transform .2s ease}.footer-icon:hover{transform:scale(1.1)}.skills-container{width:100%;border:2px solid #f0e68c;background-color:#fffacd;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem 3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.skills-container h2{font-size:1.8rem;color:#333;text-decoration:underline}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;width:100%;justify-items:center}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center}.skill-item img{width:60px;height:60px;object-fit:contain;margin-bottom:.5rem}.skill-item p{font-size:.9rem;color:#444}