*{margin:0;padding:0;font-family:PT Sans,sans-serif}div>h5{text-align:center;font-size:1.2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#fff}div>h2{text-align:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#fff;font-size:2rem}.btn{width:fit-content;text-align:center;color:#fff;padding:.8rem;border-radius:.4rem;background-color:transparent;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);text-decoration:none;font-family:sans-serif}.btn-primary{width:fit-content;background-color:var(--color-primary);color:#fff;padding:.6rem;border-radius:.8rem;cursor:pointer;border:1px solid var(--color-bg-variant);transition:var(--transition);text-align:center;text-decoration:none;font-family:sans-serif}.btn:hover{background:var(--color-white);color:var(--color-bg);border-color:transparent}:root{--color-bg: #1f1f38;--color-bg-variant: #2c2c6c;--color-primary: #4db5ff;--color-white: #fff;--color-light: rgba(255, 255, 255, .6);--transition: all .4s ease}.header__container{text-align:center;height:100vh;display:flex;justify-content:center;align-items:center;gap:1.8rem;flex:1;background-color:#1f1f38}.animated-text{font-family:sans-serif;font-weight:70;font-size:65px;line-height:40px;text-align:center}.name{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:28px;color:#fff;line-height:40px;text-align:center}.me-description{font-family:sans-serif;font-weight:200;font-size:28px;line-height:40px;text-align:center}.header__contact{margin-top:.5rem;margin-bottom:.5rem;font-family:sans-serif;gap:.5rem}span>h6{font-family:sans-serif;line-height:16px;font-weight:100;font-size:20px;color:#fff}li{display:grid;justify-content:flex-start;align-items:center;font-family:paris;font-size:20px;font-weight:400;padding-bottom:16px}.img-me{border-radius:50%;width:280px;height:280px;border:10px solid var(--color-white)}.twitter{color:#50b7f5;font-size:2rem}.email{color:#d3d3d3;font-size:2rem}.whatsapp{color:#25d366;font-size:2rem}.github{color:#5c4033;font-size:2rem}.header__contact{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff;font-family:Inter,Poppins,system-ui,sans-serif;text-align:center}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.9}.contact-icon{font-size:1.1rem;color:#fff}@media (max-width: 500px){.header__container{flex-direction:column;align-items:center;padding-top:.8rem}.animated-text{font-family:sans-serif;font-weight:70;font-size:26px;line-height:40px;text-align:center}}.header__text{display:flex;flex-direction:column;text-align:center}.cta{margin-top:1.8rem;display:flex;gap:1.2rem;justify-content:center}.header__socials{margin-top:.5rem;display:flex;justify-content:center;align-items:center;gap:2.5rem}.header__socials:after{width:1px;height:2rem;background-color:var(--color-primary)}.about__container{background-color:var(--color-bg);padding:1rem;justify-content:center}.about__cards{gap:.5rem;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.desc-span{display:grid;gap:.4rem;background:var(--color-bg-variant);border:1px solid var(--color-primary);border-radius:1rem;padding:1.4rem;align-items:center}.aboutme_p{font-size:1rem;line-height:1.5;font-family:sans-serif;line-height:20px;color:#fff;margin-bottom:.8rem;text-align:center}.about__me{display:grid;place-items:center;padding:.8rem}.about__me-img{border-radius:50%;width:280px;height:280px;border:10px solid var(--color-white)}.about-card:hover{background:transparent;border-color:var(--color-primary);cursor:default}.about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}h4,small{color:#fff}@media (max_width: 500px){.about__me{display:flex}}.skills__section{background-color:var(--color-bg)}.prof__container{border:1px solid var(--color-primary);background-color:var(--color-bg-variant);border-radius:.9rem;margin-left:.8rem;margin-right:.8rem;padding:.9rem;color:var(--color-primary)}.prof__container ul{list-style-type:none;padding-left:0;margin:0}.prof__container li{display:flex;align-items:center;font-size:1rem;line-height:1.5;font-family:sans-serif;color:#fff;margin:10px 0}.prof__container li:before{content:"✓";font-size:1.2rem;color:#4caf50;margin-right:10px}.skills__content{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem}.skill-container{display:flex;align-items:center;padding:.8rem;background:var(--color-bg-variant);border-radius:1rem;border:1px solid var(--color-primary);transition:transform .3s ease;box-shadow:0 4px 8px #0000004d}.skill-container:hover{transform:scale(1.05)}.skills__details{display:flex;align-items:center;gap:1rem}.skills__details h5{margin:0;font-size:1rem}.text-light{font-size:.85rem;color:#fff}.ht-icon{color:#e44d26}.cs-icon{color:#1572b6}.ph-icon{color:#777bb3}.sq-icon{color:#00758f}.bo-icon{color:#563d7c}.ja-icon{color:#f0db4f}.no-icon{color:#68a063}.re-icon,.ex-icon,.da-icon{color:#61dbfb}.py-icon{color:#3776ab}.dj-icon{color:#092e20}.mo-icon{color:#4db33d}.fb-icon{color:#ffca28}.skills__tabs{display:flex;gap:1rem;justify-content:center;align-items:center}.skills__tabs button{padding:10px 20px;margin:0 10px;border-radius:20px;border:none;background-color:#ddd;color:#333;cursor:pointer;transition:all .3s ease}.skills__tabs button.active-button{background-color:var(--color-primary);color:#fff;font-weight:700}.skills__tabs button:hover{color:#fff}@media (max-width: 768px){.skills__content{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.skill-container{padding:.5rem;flex-direction:column;align-items:center}.prof__container li{font-size:.9rem}}.contact__section{background-color:var(--color-bg);padding-top:1.5rem;color:#fff}.contact__container{display:grid;grid-template-columns:repeat(4,auto);gap:1.5rem;padding:.8rem}.contact__card{border:1px solid var(--color-primary);border-radius:.9rem;background-color:var(--color-bg-variant)}article{gap:2.5rem;display:grid;padding:1.2rem}.contact__info{display:grid;place-items:center}.email-logo{color:#d3d3d3;cursor:pointer;width:2.5rem;height:3rem}.twitter-logo{color:#50b7f5;cursor:pointer;width:2.5rem;height:3rem}.phone-logo{color:#90ee90;width:2.5rem;height:3rem}.whats-logo{color:#25d366;cursor:pointer;width:2.5rem;height:3rem}@media (max-width : 500px){.contact__container{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:.8rem}}.services-section{background-color:var(--color-bg);padding:1.5rem}p{display:flex;align-items:center;font-size:1rem;line-height:1.5;font-family:sans-serif;color:#fff;margin:10px 0}.services__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.service-tab{background:var( --color-bg-variant );border-radius:2rem;border:1px solid var(--color-primary);padding:1 1 1 1}.services__head{display:flex;align-items:center;justify-self:center}.icon-span{display:flex;align-items:center}h4{margin-left:.5rem;font-size:1.25rem}p{margin:0;line-height:1.5;font-family:sans-serif}.experience_section{background-color:var(--color-bg)}.portfolio__container{display:grid;gap:.5rem;grid-template-columns:repeat(3,auto);padding:.9rem}.portfolio__item{background:var(--color-bg-variant);padding:.5rem;border-radius:1rem;border:1px solid var(--color-primary)}.portfolio__item h3{margin:.7 rem 0 .5rem}.link_container{display:flex;gap:1.2rem}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.tab{padding:.5rem;font-size:1rem;color:#555;background-color:#f5f5f5;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.tab:hover{background-color:#e0e0e0}.tab.active{color:#fff;background-color:var(--color-primary);box-shadow:0 4px 8px #007bff4d}.project-image{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:.2rem;transition:transform .3s ease}.project-description{font-size:.9rem;color:#fff;margin:.5rem 0 1rem;text-align:start}.portfolio__item:hover .project-image{transform:scale(1.05)}@media (max-width: 600px){.portfolio__container{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:.8rem}.tab{font-size:.9rem;padding:.4rem .8rem}}.pricing__section{background-color:var(--color-bg)}.pricing__container{display:grid;align-items:center;grid-template-columns:repeat(3,auto);gap:1.5rem;padding:.8rem}.pricing__item{background-color:var(--color-bg-variant);border:1px solid var(--color-primary);border-radius:.9rem;padding:.7rem}.pricing__logo{color:var(--color-primary);padding-left:47%;padding-top:2.5rem;width:2rem;height:3rem}.pricing__tags{display:grid;align-items:center;place-items:center}.pricing__services{display:grid;padding-left:2rem}h3{font-size:25px;color:#fff}span>h5{color:#fff}.price{color:var(--color-primary)}@media (max-width: 500px){.pricing__container{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:.8rem}}.footer_section{background-color:var(--color-primary)}.footer-container{padding:4rem 0 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-subscription>p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.footer-subscription-heading{margin-bottom:24px;font-size:24px}.footer-subscription-text{margin-bottom:24px;font-size:20px}.footer-input{padding:8px 20px;border-radius:2px;margin-right:10px;outline:none;border:none;font-size:18px;margin-bottom:16px;border:1px solid #fff}.footer-links{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-wrapper{display:flex}.footer-link-items{display:flex;flex-direction:column;align-items:flex-start;margin:16px;text-align:left;width:160px;box-sizing:border-box}.footer-link-items h2{margin-bottom:16px}.footer-link-items>h2{color:#fff}.footer-link-items a{color:#fff;text-decoration:none;margin-bottom:.5rem}.footer-link-items a:hover{color:#e9e9e9;transition:.3s ease-out}.footer-email-form h2{margin-bottom:2rem}.footer-input::placeholder{color:#b1b1b1}.social-icon-link{color:#fff;font-size:24px}.social-media{max-width:1000px;width:100%}.social-media-wrap{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1000px;margin:40px auto 0}.social-icons{display:flex;justify-content:space-between;align-items:center;width:240px}.social-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center;margin-bottom:16px}.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width: 820px){.footer-links{padding-top:2rem}.footer-input,.btn{width:100%}.footer-link-wrapper,.social-media-wrap{flex-direction:column}}.navbar{background:var(--color-bg-variant);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:1}.navbar-container{display:flex;justify-content:center;align-items:center;height:80px}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:1rem;font-weight:600;display:flex;align-items:center}.fa-user{margin-left:.5rem;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem;height:fit-content}.nav-item{height:80px;gap:16px;display:flex;justify-content:center}.nav-links{color:#fff;display:flex;align-items:center;margin-top:1.8rem;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon{display:none}@media screen and (max-width: 960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:fit-content;justify-content:start;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:var(--color-bg-variant);height:100vh;left:0;opacity:1;transition:all .5s ease;z-index:1;margin:0}.nav-links{text-align:center;color:#fff;padding:1.5rem;width:100%;display:table;margin:0}.nav-links:hover{color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%);font-size:1rem;margin-top:1.2rem}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #fff;transition:all .3s ease-out}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}