body{margin:0;font-family:Arial,sans-serif;background-color:#f9f9f9}section{scroll-margin-top:120px;padding-top:30px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background-color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0000001a}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:25px}.nav-links li a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}.nav-links li a:hover{color:#0077b5}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{height:3px;width:25px;background:#333;margin:4px 0;transition:all .3s}.hamburger.toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.toggle span:nth-child(2){opacity:0}.hamburger.toggle span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media screen and (max-width:768px){.nav-links{position:absolute;right:0;top:70px;height:calc(100vh - 70px);background:#fff;flex-direction:column;width:50%;align-items:center;transform:translate(100%);transition:transform .3s ease-in-out}.nav-links.open{transform:translate(0)}.nav-links li{margin:20px 0}.hamburger{display:flex}}.profile-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1000px;width:100%;gap:60px;padding:40px 20px;margin:0 auto}.profile-pic-container{flex:1 1 300px;display:flex;justify-content:center;margin-top:20px}.profile-pic{width:250px;height:300px;border-radius:50%;object-fit:cover;transition:transform .3s ease}.profile-pic:hover{transform:scale(1.05)}.profile-text{flex:1 1 400px;display:flex;flex-direction:column;justify-content:center}.profile-text p{font-size:18px;margin:5px 0;color:#555}.profile-text h1{font-size:36px;margin:10px 0;color:#000}.profile-text p:last-child{font-size:20px;font-weight:500;margin-bottom:20px}.btn-container{display:flex;gap:15px;margin-bottom:15px}.btn{padding:10px 20px;border:none;cursor:pointer;font-weight:500;border-radius:5px;transition:background .3s ease,transform .3s ease}.btn-primary{background-color:#e0e0e0;color:#333;border:none}.btn-primary:hover{background-color:#cfcfcf;transform:scale(1.05)}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#cfcfcf;transform:scale(1.05)}.social-icons{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:15px;width:fit-content}.icon{width:40px;height:40px;cursor:pointer;object-fit:contain;transition:transform .3s ease;margin:0}.icon:hover{transform:scale(1.1)}@media screen and (max-width:768px){.profile-container{flex-direction:column;gap:40px;padding:20px 10px}.profile-text h1{font-size:28px}.profile-text p{font-size:16px}.profile-pic{width:200px;height:200px}.btn{padding:8px 16px}.icon{width:35px;height:35px}}#about{padding:80px 20px;background-color:#f9f9f9;text-align:center;position:relative}.section__text__p1{color:#555;font-size:18px;margin-bottom:5px}.title{font-size:36px;margin-bottom:40px;color:#000;font-weight:700}.section-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:40px}.about-details-container{display:flex;flex-direction:column;gap:30px;max-width:900px;width:100%}.about-containers{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.details-container{background-color:#fff;border-radius:10px;padding:25px;flex:1 1 250px;box-shadow:0 6px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.details-container:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.details-container h3{margin:15px 0 5px;font-size:20px;color:#000}.details-container p{color:#555;font-size:16px;line-height:1.6}.icon{width:50px;height:50px;display:block;margin:0 auto 15px}.text-container{margin-top:30px;text-align:left}.text-container p{font-size:16px;color:#444;line-height:1.8}.icon.arrow{width:50px;height:50px;margin:50px auto 0;cursor:pointer;display:block;transition:transform .3s ease;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.section-container,.about-containers{flex-direction:column;align-items:center}.details-container{width:85%}.text-container{text-align:center}}#experience{padding:80px 20px;text-align:center;background-color:#f9f9f9;position:relative}.section__text__p1{font-size:18px;color:#555;margin-bottom:5px;font-weight:500}.title{font-size:36px;color:#222;margin-bottom:40px;font-weight:700}.experience-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.experience-card{background-color:#fff;border-radius:10px;padding:20px;width:250px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.experience-card h3{font-size:20px;color:#000;margin-bottom:15px}.experience-card ul{list-style:none;padding:0}.experience-card ul li{font-size:16px;color:#555;margin:8px 0}.icon.arrow{width:50px;height:50px;margin:50px auto 0;cursor:pointer;display:block;transition:transform .3s ease}@media screen and (max-width:768px){.experience-container{flex-direction:column;align-items:center}.experience-card{width:80%;margin-bottom:20px}}@media screen and (max-width:480px){.title{font-size:28px}.experience-card h3{font-size:18px}.experience-card ul li{font-size:14px}}.projects-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.project-card{background-color:#f5f5f5;padding:20px;width:300px;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:10px}.project-card h3{color:#000;margin-bottom:10px}.project-card p{color:#555}.project-card a{color:#0077b6;font-weight:500;text-decoration:none;margin-top:auto}.project-card a:hover{text-decoration:underline}.project-links{display:flex;justify-content:center;margin-top:10px}.project-links .icon{width:30px;height:30px;cursor:pointer;transition:transform .3s ease}.project-links .icon:hover{transform:scale(1.1)}.arrow-container{text-align:center;margin-top:20px}.icon.arrow{width:50px;height:50px;margin:40px auto 0;cursor:pointer;display:block;transition:transform .3s ease}.icon.arrow:hover{transform:translateY(-5px)}.section__text__p1{color:#555;font-size:18px;text-align:center;margin-bottom:10px}.title{font-size:36px;text-align:center;margin-bottom:40px;color:#000}.contact-container{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:0 20px;margin-bottom:50px}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-card{background-color:#f5f5f5;padding:20px;width:250px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease}.contact-card:hover{transform:scale(1.05)}.contact-card h3{font-size:20px;margin:10px 0;color:#000}.contact-card p{font-size:16px;color:#000;font-weight:500;margin:5px 0}.contact-card a{color:#0077b6;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-card .icon{width:40px;height:40px;margin-bottom:10px}.contact-form{background-color:#f5f5f5;padding:20px;width:300px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.contact-form form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;resize:none}.contact-form button{padding:10px;border:none;border-radius:5px;background-color:#0077b6;color:#fff;font-weight:500;cursor:pointer;transition:background .3s ease,transform .3s ease}.contact-form button:hover{background-color:#005f86;transform:scale(1.05)}@media(max-width:900px){.contact-container{flex-direction:column;align-items:center}.contact-form{width:100%;max-width:400px}.contact-info{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.contact-card{width:200px}}footer{padding:20px;text-align:center;background-color:#f5f5f5;color:#555;font-size:14px}
