*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:100%;margin:0 auto;background:#fffacd;padding:3rem 0}.about-me-container{width:90%;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:#fffacd99;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:3rem 2rem;gap:1rem;width:100%;margin:0 auto}.html-css{width:95%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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%}.html-css-img img:hover{transform:scale(2.4)}.text-html-css{padding:0 .5rem}}.javascript{width:95%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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%}.javascript-img img:hover{transform:scale(2.4)}.text-javascript{padding:0 .5rem}}.react-component{width:95%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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%}.react-img img:hover{transform:scale(2.4)}.text-react{padding:0 .5rem}}.next-component{width:95%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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%}.next-img img:hover{transform:scale(2.4)}.text-next{padding:0 .5rem}}.python-component{width:95%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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%}.python-img img:hover{transform:scale(2.4)}.text-python{padding:0 .5rem}}.skills-container{width:91%;margin:0 auto;border:2px solid #f0e68c;background-color:#fffacd99;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}.footer-component{width:91%;margin:40px auto 0;border:2px solid #f0e68c;background-color:#fffacd99;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)}