@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap";:root{--primary-color: #C96DAC;--secondary-color: #D683B6;--dark-color: #2a2a72;--light-color: #c6bebe;--text-color: #333;--text-light: #555;--shadow: 0 5px 15px rgba(0, 0, 0, .1)}.navbar{position:fixed;top:0;left:0;right:0;padding:1.5rem 2rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;z-index:1000;transition:var(--transition)}.navbar.scrolled{background-color:#fffffffa;box-shadow:0 5px 20px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:var(--transition)}.name-highlight{color:var(--primary-color)}.navbar-brand:hover{color:var(--primary-color);transform:translateY(-2px)}.navbar-toggler{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.toggler-icon{display:block;width:25px;height:2px;background-color:var(--text-color);margin:5px 0;transition:var(--transition);transform-origin:center}.navbar-toggler.open .toggler-icon:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggler.open .toggler-icon:nth-child(2){opacity:0}.navbar-toggler.open .toggler-icon:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-menu{display:flex}.navbar-nav{display:flex;flex-direction:row;list-style:none;margin:0;padding:0}.nav-item{margin-left:2rem;position:relative}.nav-link{color:var(--text-color);text-decoration:none;font-weight:800;font-size:1rem;transition:var(--transition);padding:.5rem 0;position:relative;cursor:pointer}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--primary-color)}.nav-link.active:after{width:100%}.contact-link{background-color:var(--primary-color);color:#fff!important;padding:.5rem 1.5rem!important;border-radius:5px;transition:var(--transition)}.contact-link:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 5px 15px #d683b6}.contact-link:after{display:none}@media (max-width: 992px){.navbar-toggler{display:block}.navbar-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:#fff;flex-direction:column;padding:5rem 2rem;box-shadow:-5px 0 20px #0000001a;transition:var(--transition);z-index:1000}.navbar-menu.open{right:0}.navbar-nav{flex-direction:column}.nav-item{margin:1rem 0}.nav-link{font-size:1.2rem;padding:.5rem 0}.contact-link{margin-top:1rem;text-align:center}}@media (max-width: 576px){.navbar{padding:1rem}.navbar-brand{font-size:1.3rem}}.hero-section{margin-top:50px;min-height:96vh;display:flex;align-items:center;padding:2rem;background:linear-gradient(135deg,#f5f7ff,#fecfec)}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-content{flex:1;max-width:600px}.greeting{font-size:1.5rem;color:var(--text-light);margin-bottom:1rem;font-weight:700}.name-container{margin-bottom:1.5rem}.name{font-size:3.5rem;font-weight:700;color:var(--dark-color);line-height:1.2}.title-container{display:flex;align-items:center;margin-bottom:2.5rem}.title-prefix{font-size:1.5rem;color:var(--text-light);margin-right:.8rem;font-weight:700}.title{font-size:1.8rem;color:var(--primary-color);font-weight:600;min-height:2.5rem}.social-links{display:flex;gap:1.5rem;margin-bottom:3rem}.social-link{color:var(--text-color);font-size:1.8rem;transition:var(--transition);display:flex}.social-icon{transition:var(--transition)}.social-link:hover .social-icon{color:var(--primary-color);transform:translateY(-5px)}.cta-button{display:inline-block;padding:.8rem 2rem;background-color:var(--primary-color);color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px #6c63ff4d;border:2px solid transparent}.cta-button:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 7px 20px #6c63ff66;border-color:#fff}.hero-image-container{flex:1;display:flex;justify-content:center;position:relative}.image-wrapper{position:relative;width:350px;height:350px}.hero-image{width:100%;height:100%;object-fit:cover;border-radius:20px;position:relative;z-index:2;box-shadow:var(--shadow);transition:var(--transition)}.image-dots{position:absolute;inset:-30px;background-image:radial-gradient(var(--primary-color) 2px,transparent 2px);background-size:20px 20px;z-index:0;opacity:.1;border-radius:40px}.hero-image-container:hover .image-border{transform:translate(5px,5px);opacity:.5}@media (max-width: 992px){.hero-container{flex-direction:column-reverse;text-align:center;gap:2rem}.hero-content{max-width:100%}.title-container,.social-links{justify-content:center}.image-wrapper{width:300px;height:300px}}@media (max-width: 768px){.hero-section{padding:1rem .5rem}.name{font-size:2.8rem}.title{font-size:1.5rem}.title-prefix{font-size:1.3rem}}@media (max-width: 576px){.name{font-size:2.2rem}.title-container{flex-direction:column;align-items:flex-start}.title-prefix{margin-right:0;margin-bottom:.5rem}.image-wrapper{width:250px;height:250px}.social-links{gap:1rem}.cta-button{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 400px){.name{font-size:2rem}.greeting{font-size:1.3rem}.image-wrapper{width:220px;height:220px}}.download-cv-button{display:inline-flex;align-items:center;padding:.7rem 1.1rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:var(--transition);width:fit-content;box-shadow:0 4px 15px #d683b6;border:none;cursor:pointer}.download-cv-button:hover{background-color:#fff;transform:translateY(-3px);box-shadow:0 7px 20px #d683b6;color:#c96dac}.download-icon{margin-right:.5rem;font-size:1.2rem}.education-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7ff,#fecfec);padding:2rem;font-family:Dosis,sans-serif}.education-wrapper{width:100%;max-width:1000px}.education-heading{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;margin-top:4.5rem}.education-logo-container{background-color:var(--primary-color);width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.education-logo-container:hover{transform:translateY(-5px)}.education-logo{height:50px;width:50px;filter:brightness(0) invert(1)}.education-title-container{display:flex;align-items:center}.education-title{font-size:2.2rem;color:var(--text-color);font-weight:700;margin:0;line-height:1.2}.education-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.education-card{display:flex;background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);max-width:800px;width:100%}.institution-name{font-size:1.8rem;color:var(--dark-color);margin-bottom:.5rem;font-weight:700}.degree-name{font-size:1.2rem;color:var(--text-color);margin-bottom:.5rem;font-weight:600}.education-period{font-size:1rem;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:800}.education-description{font-size:1rem;line-height:1.6;color:var(--text-light);margin-bottom:1rem;font-weight:700}@media (max-width: 992px){.education-card{flex-direction:column;max-width:600px}.card-image-container{width:100%;height:250px}.institution-name{font-size:1.6rem}}@media (max-width: 768px){.education-heading{flex-direction:column;text-align:center}.education-logo-container{margin-right:0;margin-bottom:1rem}.education-title-container{flex-direction:column}.highlight{margin-left:0;margin-top:.5rem}.education-title{font-size:2.5rem}.education-quote{font-size:1.1rem;margin-bottom:2rem}}@media (max-width: 576px){.education-page{padding:1rem}.education-title{font-size:2rem}.institution-name{font-size:1.4rem}.degree-name{font-size:1.1rem}.education-period{font-size:.9rem}.education-description{font-size:.95rem}.view-certificate-btn{padding:.7rem 1.5rem;font-size:.9rem}}.experience-page{display:flex;flex-direction:column;align-items:center;min-height:120vh;background:linear-gradient(135deg,#f5f7ff,#fecfec);padding:2rem;font-family:Dosis,sans-serif}.experience-wrapper{width:100%;max-width:1000px}.experience-heading{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;margin-top:4.5rem}.experience-logo-container{background-color:var(--primary-color);width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.experience-logo-container:hover{transform:translateY(-5px)}.experience-logo{height:50px;width:50px;filter:brightness(0) invert(1)}.experience-title-container{display:flex;align-items:center}.experience-title{font-size:2.2rem;color:var(--text-color);font-weight:700;margin:0;line-height:1.2}.experience-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;flex-direction:row;gap:2rem}.experience-card{display:flex;background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);max-width:700px;flex:1 1 45%;width:100%}.company-name{font-size:1.8rem;color:var(--dark-color);margin-bottom:.5rem;font-weight:700}.role-name{font-size:1.2rem;color:var(--text-color);margin-bottom:.5rem;font-weight:600}.experience-period{font-size:1rem;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;font-weight:800}.experience-description{font-size:1rem;line-height:1.6;color:var(--text-light);margin-bottom:1rem;font-weight:700}.visit-company-btn{display:inline-block;margin-top:auto;padding:.4rem .6rem;background-color:var(--primary-color);color:#fff;text-decoration:none;font-weight:500;border-radius:8px;transition:var(--transition);text-align:center}.visit-company-btn:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 5px 15px #d683b6;color:#fff}@media (max-width: 992px){.experience-card{flex-direction:column;max-width:100%;align-items:center;flex:1 1 100%}.card-image-container{width:100%;height:250px}.institution-name{font-size:1.6rem}}@media (max-width: 768px){.experience-heading{flex-direction:column;text-align:center}.experience-logo-container{margin-right:0;margin-bottom:1rem}.experience-title-container{flex-direction:column}.highlight{margin-left:0;margin-top:.5rem}.experience-title{font-size:2.5rem}.experience-quote{font-size:1.1rem;margin-bottom:2rem}}@media (max-width: 576px){.experience-page{padding:1rem}.experience-title{font-size:2rem}.institution-name{font-size:1.4rem}.degree-name{font-size:1.1rem}.experience-period{font-size:.9rem}.experience-description{font-size:.95rem}.view-certificate-btn{padding:.7rem 1.5rem;font-size:.9rem}}.skills-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7ff,#fecfec);padding:2rem;font-family:Dosis,sans-serif}.skills-wrapper{width:100%;max-width:1000px}.skills-heading{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;margin-top:4.5rem}.skills-title-container{display:flex;align-items:center}.skills-title{font-size:2.2rem;color:var(--text-color);font-weight:700;margin:0;line-height:1.2}.skills-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;flex-direction:row;gap:2rem}.skill-card{display:flex;background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);max-width:700px;flex:1 1 45%;width:100%}.skill-card:hover{transform:translateY(-5px)}.card-content{padding:1.2rem;flex:1}.skill-card-title{font-size:1.8rem;color:var(--dark-color);margin-bottom:.5rem;font-weight:700;text-align:center}.skill-divider{height:2px;width:60px;background-color:var(--primary-color);margin:0 auto 1rem;border-radius:2px}.skill-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:1rem}.skill-item{font-size:.95rem;font-weight:600;color:var(--text-color);border:1px solid var(--primary-color);border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition);background:var(--light-color)}.skill-item:hover{background-color:#fecfec;color:#000;transform:translateY(-2px)}.skill-image{width:24px;height:24px}@media (max-width: 992px){.skill-card{flex-direction:column;max-width:100%;align-items:center;flex:1 1 100%}}@media (max-width: 768px){.skills-heading{flex-direction:column;text-align:center}.highlight{margin-left:0;margin-top:.5rem}.skill-item:hover{background-color:#fecfec;color:#000;transform:translateY(-2px)}.skills-title{font-size:2.5rem}}@media (max-width: 576px){.skills-page{padding:1rem}.skills-title{font-size:2rem}.skill-card-title{font-size:1.6rem}}:root{--primary-color: #C96DAC;--secondary-color: #D683B6;--dark-color: #d33b99;--light-color: #f8f9fa;--text-color: #333;--text-light: #555;--shadow: 0 5px 15px #fecfec;--transition: all .3s ease}.contact-page{display:flex;justify-content:center;min-height:90vh;background-color:linear-gradient(135deg,#f5f7ff 0%,#fecfec 100%);padding:2rem;font-family:Dosis,sans-serif}.contact-wrapper{width:100%;max-width:1000px}.contact-heading{display:flex;align-items:center;margin-bottom:1rem;justify-content:center;position:relative;margin-top:4.5rem}.contact-logo-container{background-color:var(--primary-color);width:70px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.contact-logo-container:hover{transform:translateY(-5px)}.contact-logo{height:50px;width:50px;filter:brightness(0) invert(1)}.contact-title-container{display:flex;align-items:center;justify-content:center}.contact-title{font-size:2.2rem;color:var(--text-color);font-weight:700;margin:0;line-height:1.2}.highlight{margin-left:1rem;color:var(--primary-color);position:relative}.contact-content{display:flex;justify-content:center}.contact-card{display:flex;background:#fff;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);max-width:1000px;width:100%}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #d683b6}.contact-animation{position:relative;width:45%;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;background:#f5f5f5}.contact-image{width:100%;height:auto;object-fit:contain;border-radius:10px}.contact-info{margin-top:2rem}.contact-method{display:flex;align-items:center;margin-bottom:1.5rem;color:var(--text-color)}.contact-icon{font-size:1.5rem;color:var(--primary-color);margin-right:1rem;min-width:30px}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-icon{font-size:1.8rem;color:var(--text-light);transition:var(--transition)}.social-icon:hover{color:var(--primary-color);transform:translateY(-3px)}.contact-form-container{width:55%;padding:1.5rem}.form-title{font-size:1.8rem;color:var(--dark-color);font-weight:700;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;font-size:1.3rem;color:var(--primary-color)}.form-input,.form-textarea{width:100%;padding:.8rem 1rem .8rem 3rem;border:1px solid #e1e5f4;border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#f8f9fa}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6c63ff33;background-color:#fff}.form-textarea{resize:none;min-height:120px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;box-shadow:0 4px 15px #6c63ff4d}.submit-btn:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 7px 20px #6c63ff66}.submit-icon{margin-right:.5rem;font-size:1.2rem}@media (max-width: 992px){.contact-card{flex-direction:column}.contact-animation,.contact-form-container{width:100%}.contact-animation{padding:1.5rem}.contact-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.contact-method{width:48%;margin-bottom:1rem}.social-links{width:100%;justify-content:center;margin-top:1rem}}@media (max-width: 768px){.contact-heading{flex-direction:column;text-align:center}.contact-logo-container{margin-right:0;margin-bottom:1rem}.contact-title-container{flex-direction:column}.highlight{margin-left:0;margin-top:.5rem}.contact-title{font-size:2.5rem}.contact-method{width:100%}.form-title{font-size:1.6rem}}@media (max-width: 576px){.contact-page{padding:1rem}.contact-title{font-size:2rem}.contact-form-container{padding:1.5rem}.form-title{font-size:1.4rem;margin-bottom:1.5rem}.form-input,.form-textarea{padding-left:2.5rem;font-size:.95rem}.input-icon{left:10px;font-size:1.1rem}}@media (max-width: 400px){.contact-title{font-size:1.8rem}.contact-logo-container{width:70px;height:70px}.contact-logo{width:40px;height:40px}.submit-btn{padding:.7rem 1.5rem;font-size:.95rem}}:root{--primary-color: #C96DAC;--secondary-color: #D683B6;--dark-color: #d33b99;--light-color: #f8f9fa;--text-color: #333;--text-light: #555;--shadow: 0 5px 15px rgba(0, 0, 0, .1);--transition: all .3s ease}.projects-page{padding:2rem 3rem;background:linear-gradient(135deg,#f5f7ff,#fecfec);font-family:Dosis,sans-serif;min-height:100vh}.projects-wrapper{max-width:1000px;margin:0 auto}.section-header{margin-top:4.5rem;margin-bottom:1.5rem}.section-title{font-size:2.2rem;color:var(--text-color);font-weight:700;margin:0;line-height:1.2;text-align:center}.highlight1{color:var(--primary-color);position:relative}.section-subtitle{color:var(--text-light);font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #fecfec}.card-image-container1{position:relative;height:180px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:fill;transition:var(--transition)}.card-content{padding:1.5rem}.card-content h3{font-size:1.3rem;color:var(--text-color);margin-bottom:.5rem;font-weight:700}.project-description{font-size:1rem;color:var(--text-light);line-height:1.5;margin-bottom:1rem;font-weight:600}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tags span{background-color:#6c63ff1a;color:var(--primary-color);padding:.3rem .8rem;border-radius:50px;font-size:.75rem;font-weight:600}.project-buttons{display:flex;gap:10px;margin-top:.5rem}.view-button,.github-button{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:50px;font-weight:500;font-size:.85rem;border:none;cursor:pointer;transition:var(--transition)}.view-button{background:#d33b99;color:#fff}.github-button{background:var(--dark-color);color:#fff}.view-button:hover,.github-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.icon{margin-left:.4rem;font-size:.9rem}@media (max-width: 992px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.projects-page{padding:2rem 1.5rem}.section-title{font-size:2.2rem;margin-bottom:1rem}}@media (max-width: 576px){.projects-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.section-title{font-size:2rem}.card-image-container1{height:160px}}@media (max-width: 400px){.projects-page{padding:2rem 1rem}}body{width:100%!important;height:auto;margin:0;font-family:Dosis,sans-serif;font-style:normal}.navbar-container{display:flex;width:100%;justify-content:space-between}.home-navbar{background-color:#fff!important;color:#000!important}.navbar-brand{font-size:1.5em;font-optical-sizing:auto;font-weight:700;font-style:normal}.navbar-portfolio{font-family:Dancing Script,cursive!important}.navbar-links{display:flex}.navItemsList{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0 10px}.nav-link{color:#000;text-decoration:none;padding:10px 15px;border-radius:5px;transition:background-color .3s,color .3s;font-weight:800}.nav-link:hover{color:#d683b6}.navItemsList{display:flex!important;align-items:center}.content-container{display:flex;width:100%;height:100vh;flex-direction:column}.sidebar{width:250px;background-color:#000;color:#fff;display:flex;flex-direction:column;gap:10px;height:100vh;flex-shrink:0}.content{flex-grow:1;background:#fff;overflow:auto;max-width:calc(100% - 250px);padding:20px}.sidebar-item{display:block;color:#ecf0f1;text-decoration:none;padding:10px}.sidebar-item:hover{background-color:#fff;color:#000}.sidebar-header{text-align:center;margin-top:20px;color:#333}.introContainer{display:flex;background-color:#e1e5f4}.intro{display:flex;flex-direction:column;margin-left:5%;width:70%;color:#10406c;height:90vh;margin-top:6%}.myPhotoContainer{position:relative}.myPhoto{height:100%;width:100%}.intro h2{font-family:Viga,sans-serif;font-weight:400;font-style:normal;margin-top:20%}.dev_Heading{color:#f39c12;margin-left:5px;font-size:2em;font-family:Viga,sans-serif;font-weight:500;font-style:normal}.i_am_heading{margin-top:4px;font-family:Viga,sans-serif;font-weight:500;font-style:normal}.name_Heading{font-size:3em;font-family:Viga,sans-serif;font-weight:500;font-style:normal}.intro h1{font-size:3.5em;color:#fff}.intro h3{font-size:2em;margin-bottom:20px}.intro p{font-size:1.2em;margin-bottom:20px;max-width:600px}.navbar{padding-left:30px;padding-right:30px}.intro a{color:#fff;font-size:1.5em;text-decoration:none;transition:color .3s}.iconsLinks{display:flex;flex-direction:row}.intro a:hover{color:#ddd}.dev_Container{display:flex}.icon1{height:40px;width:40px}.default-message{text-align:center;font-size:1.5rem}.videoDiv{width:100%;max-width:800px;margin:0 auto;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper{width:100%;display:flex;justify-content:center;padding:20px}.video-container{width:100%;max-width:900px;aspect-ratio:16/9;position:relative}.responsive-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.sidebar{width:250px;background-color:#000;color:#fff;padding:20px 0}.main-content{flex:1;padding:20px;overflow-y:auto}.video-indicator{display:inline-block;margin-top:.5rem;font-size:.9rem;color:#3498db}.video-wrapper{max-width:800px;margin:0 auto}.back-button{background:none;border:none;color:#3498db;cursor:pointer;margin-bottom:1rem;font-size:1rem}.back-button:hover{text-decoration:underline}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.responsive-video{position:absolute;top:0;left:0;width:100%;height:100%}.view-project-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);padding:.8rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-weight:700;opacity:0;transition:all .3s ease;z-index:2;cursor:pointer}html{scroll-behavior:smooth}.nav-link.active{color:#3498db;border-bottom:2px solid #3498db}.mee{margin-left:10px;color:#3498db}@media (max-width: 768px){.sidebar{width:100%;display:flex;overflow-x:auto;padding:10px}.sidebar-item{white-space:nowrap;padding:10px 15px}.video-container{aspect-ratio:16/9}}@media (min-width: 768px){.content-container{flex-direction:row}.navbar-toggler{display:none}.navbar-menu{display:flex;position:static;flex-direction:row;background:none;width:auto;padding:0;border-radius:0}}@media (max-width: 768px){.navbar-menu{display:none;flex-direction:column;position:absolute;top:10%;right:0;background:#fff;width:100%;padding:10px;border-radius:5px;z-index:999}.navbar-menu.open{display:flex}.navbar-toggler{display:block;background:#fff;border:none;color:#fff;font-size:1.5em;cursor:pointer;z-index:1000}.navbar-nav{flex-direction:column;align-items:flex-start}.navItemsList{margin-top:0;flex-direction:column;align-items:flex-start}.sidebar{width:100%;height:auto;font-size:10px;flex-direction:row;overflow-x:auto}.sidebar-item{flex:1;text-align:center}.intro h2{font-size:2em}.hello_heading{font-size:4px}.intro h3{font-size:2rem}.intro p{font-size:1em}.hello_heading{font-family:Viga,sans-serif;font-size:24px}.icon1{height:50px;width:50px}.dev_Heading{color:#137781;margin-left:2px;margin-top:7px;font-size:2rem}.icon1{height:50%;width:50%}.i_am_heading{margin-top:10px}.navbar-toggler{border-color:transparent;margin-left:250px}.content{flex-grow:1;overflow:auto;max-width:800px}.introContainer{display:flex;flex-direction:column}.myPhotoContainer{order:1}.intro{order:2}.dev_Container{display:flex;font-size:.6em;gap:5%}.name_Heading{font-size:2.3em}.hello_heading,.intro h3{font-size:1rem}.dev_Heading{font-size:1.2rem;margin-left:0}.name_Heading{font-size:1rem}.name_Heading{font-size:1.5rem}.intro h2{font-size:1.2rem}.navbar-toggler{margin:0}.navbar{padding-left:0;padding-right:0}.iconsLinks{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.icon1{height:30px;width:30px;min-width:30px;object-fit:contain}.navbar-brand{margin-left:1rem}}@media (min-width: 1300px){.content-container{flex-direction:row}.sidebar{width:300px}.content{max-width:calc(100% - 300px);padding:40px}.intro h1{font-size:4.5em}.intro h3{font-size:2.5em}.intro p{font-size:1.5em;max-width:800px}.icon1{height:100%;width:100%}.dev_Heading{font-size:2.5em}.name_Heading{font-size:4em}}.ordinary-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem;background-color:linear-gradient(135deg,#f5f7ff 0%,#fecfec 100%)}.video-wrapper{width:100%;max-width:1700px;display:flex;justify-content:center;padding:1rem}.video-container{position:relative;width:100%;margin-top:4rem;padding-bottom:38%;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.responsive-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}@media (max-width: 1200px){.video-wrapper{max-width:1000px;padding:.75rem}.video-container{padding-bottom:45%}}@media (max-width: 1024px){.ordinary-container{padding:1.5rem}.video-wrapper{padding:.5rem}.video-container{padding-bottom:50%}}@media (max-width: 768px){.ordinary-container{padding:1rem}.video-wrapper{max-width:100%}.video-container{border-radius:6px;padding-bottom:55%}}@media (max-width: 480px){.ordinary-container{padding:.75rem}.video-wrapper{padding:0}.video-container{border-radius:0;padding-bottom:60%}}