@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.projects-container{padding:50px 20px;text-align:center}.projects-title{font-size:2.5rem;font-weight:700;margin-bottom:40px;color:#fff}.projects-grid{display:grid;align-items:center;grid-template-columns:repeat(auto-fill,minmax(280px,2fr));gap:20px;justify-items:center}.project-card{background-color:#313030;padding:25px;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;max-width:310px;width:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 6px 18px #00000026}.project-image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.project-title{font-size:1.2rem;font-weight:700;color:#faf9f9;margin:15px 0}.project-description{font-size:1rem;color:#e0e0e0;line-height:1.5;margin-bottom:15px}.project-tech{margin-top:10px}.tech-badge{background:#f0f0f0;padding:6px 12px;border-radius:12px;margin:5px;display:inline-block;font-size:.9rem;color:#555;transition:background-color .3s ease}.tech-badge:hover{background-color:#ddd}.project-links{margin-top:15px;display:flex;justify-content:center;gap:15px}.github-link,.live-link{text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:8px;color:#0073e6;transition:color .3s ease;padding:6px 12px;border-radius:6px;background-color:#0073e61a}.github-link:hover,.live-link:hover{color:#005bb5;background-color:#0073e633}@media (max-width: 768px){.projects-container{padding:30px 15px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}@media (max-width: 480px){.projects-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}}html{scroll-behavior:smooth;padding:0%;margin:0%}.intro,.about-me{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.intro.visible,.about-me.visible{opacity:1;transform:translateY(0)}.intro{display:flex;align-items:center;justify-content:center;gap:300px;margin-top:60px}.intro p{font-size:32px;width:552px}.myself{width:284;height:208px;border-radius:50%}.social-links{display:flex;align-items:center;gap:10px}.social-links img{height:40px}.about-me{display:flex;flex-direction:column;align-items:center;margin-top:160px;text-align:center;gap:60px}.about-me p{font-size:14px;color:#fff;margin-bottom:10px}.about-me h3{font-size:36px;color:#fff;margin:0}.about-info{display:flex;flex-direction:column;gap:30px;align-items:center;width:649px}.about-containers{display:flex;gap:60px}.left-box{width:291px;height:145px;position:relative;border-radius:20px;padding:10px}.left-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(to right,#18b7b7,#730dae,#0fa22a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.about-description{font-size:13px;font-weight:200}.explore{display:flex;flex-direction:column;align-items:center;margin-top:160px;text-align:center;gap:60px}.experienceP{font-size:36px;margin:0}.explore-containers{display:flex;justify-content:center;gap:155px}.explore-left-box{width:351px;position:relative;border-radius:20px;padding:11px 19px}.explore-left-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(to right,#18b7b7,#730dae,#0fa22a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.experience{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start;justify-content:center}.explore-left-box img{width:26px;height:26px}.experienc-box{display:flex;gap:13px;align-items:top left}.experienc-box div{display:flex;flex-direction:column;text-align:left;padding:0;gap:0}.language{font-size:16px;font-weight:700;margin:0}.experienced{font-size:12px;font-weight:200}@media (max-width: 1024px){.intro{flex-direction:column;gap:30px;align-items:center;text-align:center}.intro p{font-size:24px;width:90%}.social-links{justify-content:left}.social-links img{height:30px}.about-me{margin-top:100px}.about-info{width:90%}.about-containers{flex-direction:column;gap:30px;align-items:center}.left-box{width:90%;height:auto;padding:15px;text-align:center}.explore{padding:10px;margin-top:100px}.explore-containers{flex-direction:column;gap:40px;align-items:center}.experience{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home{padding:10px}.intro p{font-size:20px;text-align:left}.about-me h3{font-size:28px}.about-me p{font-size:12px}.explore{gap:40px}.explore-left-box{padding:15px}.experience{gap:15px}.experienc-box{gap:8px}.language{font-size:14px}.experienced{font-size:10px}}.contact-form{width:100%;max-width:600px;margin:0 auto;padding:20px;font-family:Inter,sans-serif;display:grid;justify-content:center;align-items:center}form{justify-content:center;display:flex;flex-direction:column;align-items:center}.contact-form h2{text-align:center;font-size:28px;color:#fff;margin-bottom:10px}.contact-form p{text-align:center;font-size:16px;color:#fff;margin-bottom:20px}.contact-form label{font-size:16px;color:#333;margin-bottom:5px;display:block}.contact-form input,.contact-form textarea{width:300px;height:40px;padding:12px;margin-bottom:15px;border:4px solid #cec8c8;background-color:#000;color:#fff;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#000;box-shadow:0 0 5px #18b7b780}.contact-form button{width:334px;padding:12px;background-color:#000;border:none;font-size:18px;color:#fff;cursor:pointer;transition:background-color .3s ease}nav{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}nav ul{display:flex;align-items:center;gap:20px;list-style:none;padding:0;margin:0}nav a{text-decoration:none;color:#fff;font-size:16px}.left-side p{font-size:24px;font-weight:700;color:#fff}.right-side{display:flex;align-items:center;gap:20px;font-size:15px}@media (max-width: 768px){nav{flex-direction:column;align-items:center}.right-side{flex-direction:column;gap:10px;text-align:center}nav ul{flex-direction:column;gap:10px}}body{padding:auto;font-family:Inter,sans-serif;background-color:#313030;color:#fff}