body{padding:0;margin:0;height:100vh;color:#fff;background-color:#171c28!important;font-family:var(--font-poppins),sans-serif;line-height:normal}body::-webkit-scrollbar{display:none}body::-webkit-scrollbar-thumb{background-color:transparent}body{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:transparent transparent}.portfolio-home .main-section{height:auto;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:2rem}.navbar{background-color:transparent;margin:0 30px;color:#fff!important;z-index:2}.navbar-brand img{height:40px;width:100%}.navbar-brand:hover{color:#4caf50!important;cursor:pointer}.nav-link{position:relative;margin:0 5px}.nav-link:hover{color:#4caf50}.nav-link:before{content:" ";position:absolute;width:0;height:2px;background-color:#4caf50;transition:width .6s ease}.nav-link:hover:before{width:100%}.nav-link.active,.nav-link:focus,.nav-link:hover:before{color:#4caf50!important}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='green' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.nav-link{color:#fff}.portfolio-home .mainContainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border:none;max-width:80%;margin:0 auto;height:90%}.portfolio-home .mainDetails{flex:1;border-radius:12px;margin:20px;padding:20px;text-align:left;max-width:500px;transform:translateX(-100%);animation:slide 1s ease-out forwards}.portfolio-home .mainDetails .intro-text p{font-size:16px;text-align:left}.portfolio-home .mainDetails h1{font-size:2.5rem}.portfolio-home .mainImg{flex:1;text-align:center;overflow:hidden}.portfolio-home .mainImg img{max-width:100%;height:auto;opacity:0;transform:translateX(100%);animation:slide 1s ease-out forwards}.portfolio-home section{min-height:100%}@keyframes slide{to{opacity:1;transform:translateX(0)}}.portfolio-home .intro-skills{color:#4caf50}.portfolio-home .wrapper{margin-top:0;margin-bottom:12px}.btnColor,.portfolio-home .bar{color:#4caf50}.portfolio-home .contactLogos{cursor:pointer;max-width:280px}.portfolio-home .contactLogos svg{font-size:24px;color:#fff}.portfolio-home .contactLogos a:hover svg{color:#4caf50}.portfolio-home .skills{height:auto;padding:36px 0 64px}.portfolio-home .skill-heading{text-align:center;font-size:38px;margin-bottom:8px}.portfolio-home .skill-intro{margin:0 1rem 2rem;color:#aeb7c6;text-align:center}.portfolio-home .skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:1.25rem;width:min(calc(100% - 2rem),1100px);margin:0 auto}.portfolio-home .skill-title{margin:0 0 1rem;color:#f3f5f8;font-size:1.05rem;font-weight:600}.portfolio-home .skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.portfolio-home .skill-card{display:flex;min-width:0;align-items:center;gap:.65rem;padding:.7rem .75rem;border:1px solid hsla(0,0%,100%,.09);border-radius:.65rem;background:hsla(0,0%,100%,.045);color:#e2e7ef;font-size:.85rem;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.portfolio-home .skill-card:hover{transform:translateY(-2px);border-color:rgba(76,175,80,.45);background:hsla(0,0%,100%,.075)}.portfolio-home .skill-icon{width:1.25rem;height:1.25rem;flex:0 0 auto}.portfolio-home hr{width:20%;margin:.5rem 0;opacity:1}.portfolio-home .section-title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.portfolio-home .experience-item{display:flex;flex-direction:column;justify-content:start;align-items:flex-start}.portfolio-home .experience-container{font-size:1.1em}.portfolio-home .experience{width:80%;margin:auto}.portfolio-home .section-title{text-align:center;font-size:38px;margin-bottom:30px}.portfolio-home .experience-item{margin-bottom:20px}.portfolio-home .experience-title{font-weight:700;margin-bottom:5px;color:#4caf50}.open-source-page a,.portfolio-home a{text-decoration:none;color:inherit;cursor:pointer}.portfolio-home .experience-company,.portfolio-home .experience-date{color:#888;margin-bottom:5px}.portfolio-home .experience-date{color:#fff}.portfolio-home .experience-highlights{padding-left:20px;margin-bottom:0}.portfolio-home .experience-highlights li{margin-bottom:5px}.portfolio-home .projects{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 0}.portfolio-home .project-heading{text-align:center;font-size:38px;margin-bottom:30px}.portfolio-home .projects-container{display:flex;flex-wrap:wrap;max-width:80%;margin:0 auto;justify-content:center}.portfolio-home .project{text-align:left;margin:0 20px 30px}.portfolio-home .project img{width:300px;height:150px;border-radius:8px}.portfolio-home .project-icon{margin-right:5px}.portfolio-home .title{font-size:1.2em;margin:10px 0}.portfolio-home .buttons-container{display:flex;gap:10px;margin-bottom:20px}.portfolio-home .github,.portfolio-home .live-demo{padding:8px 15px;font-size:.8em;cursor:pointer;border:none;border-radius:5px;color:#fff}.portfolio-home .github{background-color:#333}.portfolio-home .github a{text-decoration:none;color:#fff}.portfolio-home .live-demo{background-color:#4caf50}.portfolio-home .live-demo a{text-decoration:none;color:#fff}.portfolio-home .contact{max-width:600px;margin:0 auto;padding:20px}.portfolio-home .contact h2{font-size:2em;margin-bottom:30px;text-align:center}.portfolio-home .contact-form{display:grid;gap:15px;margin-bottom:30px}.portfolio-home label{font-size:1em}.portfolio-home input,.portfolio-home textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.portfolio-home button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.portfolio-home button:hover{background-color:#45a049}.portfolio-home .rights{text-align:center;font-size:16px}.portfolio-home .rights-name{color:#4caf50;display:inline-block;font-family:Poppins,sans-serif}.portfolio-home .mainDetails{min-width:350px}.portfolio-home .mainImg{min-width:250px}@media screen and (max-width:400px){.portfolio-home .mainDetails h1{font-size:1.7rem}.portfolio-home .mainDetails{margin-top:0;order:2;flex:0 0 100%}.portfolio-home .mainContainer{width:90%;margin-top:20px}.portfolio-home #dynamic-text,.portfolio-home .static-text{font-size:1rem}.portfolio-home .mainDetails{text-align:center;background-color:#ffffff29}.portfolio-home .mainDetails .intro-text p{font-size:13px}.portfolio-home .project{margin-bottom:90px}}.open-source-page .project-heading{margin-bottom:30px;font-size:38px;text-align:center}.open-source-page .parent-repo-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));width:min(100% - 2rem,68rem);margin:0 auto;gap:1rem}@media screen and (min-width:401px) and (max-width:709px){.portfolio-home .mainDetails{order:2;background-color:#ffffff29}.portfolio-home .mainContainer{flex-wrap:wrap}}@media screen and (min-width:790px) and (max-width:1023px){.portfolio-home .mainDetails h1{font-size:1.7rem}.portfolio-home .mainDetails{margin-top:0;flex:0 0 100%}.portfolio-home .mainContainer{width:90%;margin-top:20px}.portfolio-home #dynamic-text,.portfolio-home .static-text{font-size:1rem}}@media screen and (min-width:1024px){.nav-link:hover:before{width:80%}}@media (max-width:910px){.open-source-page h2{font-size:medium!important}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50%,.6);border-radius:6px;border:3px solid hsla(0,0%,50%,.2)}::-webkit-scrollbar-track{background-color:hsla(0,0%,50%,.2)}::-webkit-scrollbar:horizontal{height:12px}::-webkit-scrollbar-thumb:horizontal{background-color:hsla(0,0%,50%,.6);border-radius:6px;border:3px solid hsla(0,0%,50%,.2)}::-webkit-scrollbar-track:horizontal{background-color:hsla(0,0%,50%,.2)}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,50%,.8);box-shadow:0 0 5px rgba(0,0,0,.3)}