@font-face{font-display:swap;font-family:"Inter";font-style:normal;font-weight:400;src:url(../f1535355a7df553be385.woff2) format("woff2"),url(../fcb8f6b47a1f5d98e5bc.woff) format("woff")}@font-face{font-display:swap;font-family:"Jost";font-style:normal;font-weight:400;src:url(../7e1c8cd22615a1fff9ba.woff2) format("woff2"),url(../9db04e33eeaac846701f.woff) format("woff")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:400;src:url(../d5e5803d0c85b54aaaa1.woff2) format("woff2"),url(../2fba1d57ca0e0e2f2efb.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;src:url(../405055dd680fa1dcdfa2.woff2) format("woff2"),url(../80946c0880373b223d9c.ttf) format("truetype")}@font-face{font-display:swap;font-family:"DM Mono";font-style:normal;font-weight:400;src:url(../2df1e3bdddc7cc72866f.woff2) format("woff2"),url(../4344366efaa5d018fbec.ttf) format("truetype")}@font-face{font-display:swap;font-family:"Bebas Neue";font-style:normal;font-weight:400;src:url(../73eeab1715ee2cd16fc6.woff2) format("woff2"),url(../4475c84ad700a76d4035.ttf) format("truetype")}@font-face{font-display:swap;font-family:"DM Mono";font-style:normal;font-weight:400;src:url(../2df1e3bdddc7cc72866f.woff2) format("woff2"),url(../4344366efaa5d018fbec.ttf) format("truetype")}header.charming-portfolio-header{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.4);border-radius:8px;margin-top:8px;padding:8px 20px}.menu-icons{display:none}.charming-portfolio-header .site-icon{width:40px;height:auto}.charming-portfolio-header .header-nav{display:flex;list-style:none;gap:8px;align-items:center;font-size:16px}.charming-portfolio-header .header-icon{font-size:18px;color:#000}.charming-portfolio-header .header-nav a{color:#000;text-decoration:none;transition:color 150ms}.charming-portfolio-header .header-nav a:hover{color:#550080}@media screen and (max-width: 430px){header.charming-portfolio-header{margin-top:0}.charming-portfolio-header .header-nav{flex-direction:column;position:absolute;width:100%;height:100vh;align-items:center;justify-content:center;background-color:#fff;left:0;top:0;transform:scale(0);transition:transform .3s ease-in-out}.charming-portfolio-header.mobile-menu-open .header-nav{transform:scale(1)}.charming-portfolio-header.mobile-menu-open .menu-toggle{z-index:1;position:relative;display:block}.menu-icons{display:block}.header-icon{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:rgba(85,0,128,.2784313725);color:#000;font-family:"Poppins",sans-serif}.charming-portfolio-container{max-inline-size:1080px;margin:0 auto;padding:20px;background:hsla(0,0%,100%,.4);border-radius:8px;margin-top:50px;font-family:"Poppins",sans-serif}.charming-portfolio-container .section-header{text-align:center}.charming-portfolio-container .badge{display:block;padding:4px 8px;background-color:#27003a;color:#fff;font-size:14px;border-radius:4px;width:-moz-fit-content;width:fit-content;margin:auto;margin-bottom:4px}.cp-d-none{display:none}.section-header-note{font-size:14px}.charming-portfolio-social-links a{color:#000;font-size:20px;padding:6px;border-radius:4px;text-decoration:none;display:inline-block;line-height:1;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px,#d1d5db 0px 0px 0px 1px inset}.charming-portfolio-social-links{list-style:none;display:flex;flex-flow:row wrap;gap:8px;align-items:center;margin-top:14px}.charming-portfolio-hero-section{display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap}.charming-portfolio-hero-section img{width:300px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.charming-portfolio-hero-section .hero-text{max-width:600px;flex-grow:1}.charming-portfolio-hero-section .hero-text h2{font-size:48px;font-weight:600;text-transform:uppercase;line-height:1}.charming-portfolio-hero-section .hero-text .highlight{font-size:56px;line-height:1;display:block;background-image:linear-gradient(60deg, #550080, #ff66f6, #550080);-webkit-background-clip:text;background-clip:text;background-size:200%;animation:highlight-name 4s ease infinite;-webkit-text-fill-color:rgba(0,0,0,0);margin-top:6px;margin-bottom:14px}.charming-portfolio-hero-section .hero-text .short-description{font-size:18px;color:#222;margin-top:8px;margin-left:16px;position:relative}.charming-portfolio-hero-section .hero-text .short-description::before{content:"";position:absolute;width:4px;left:-18px;top:50%;transform:translateY(-50%);height:94%;background-color:#550080}.charming-portfolio-hero-section .social-links{display:flex;gap:12px;margin-top:16px;margin-bottom:8px;list-style:none}.charming-portfolio-skills-section .section-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.charming-portfolio-skills-section .single-skill{width:150px;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px,#d1d5db 0px 0px 0px 1px inset;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:transform .3s ease}.charming-portfolio-skills-section .single-skill:hover{transform:translateY(-4px)}.charming-portfolio-skills-section .single-skill h3{font-weight:500;margin-top:8px;font-size:16px}.charming-portfolio-skills-section .single-skill img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.charming-portfolio-projects-section .section-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.charming-portfolio-projects-section .single-project{width:300px;border-radius:8px;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px,#d1d5db 0px 0px 0px 1px inset;cursor:pointer;transition:transform .3s ease;position:relative;display:flex;flex-direction:column;gap:0}.charming-portfolio-projects-section .single-project .single-project-link{opacity:0;pointer-events:none;position:absolute}.charming-portfolio-projects-section .single-project:hover .single-project-link{opacity:1;pointer-events:auto;top:8px;right:8px;background:#fff;color:#000;box-shadow:rgba(0,0,0,.1) 0px 2px 4px;transition:background .3s ease,color .3s ease,opacity .3s ease;text-decoration:none;display:grid;width:26px;height:26px;place-content:center;border-radius:50%;padding:16px;font-size:20px}.charming-portfolio-projects-section .single-project .primary-project-details{background:#fff;padding:8px 16px}.charming-portfolio-projects-section .single-project .primary-project-details h3{font-size:18px;font-weight:600;color:#000}.charming-portfolio-projects-section .single-project .secondary-project-details{position:absolute;top:100%;left:0;transform:translateY(-20px) scaleY(0.8);transform-origin:top;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;background-color:#fff;z-index:1}.charming-portfolio-projects-section .single-project .secondary-project-details p{font-size:13px;color:#222;margin-bottom:0;display:inline-block}.charming-portfolio-projects-section .single-project .secondary-project-details small{font-size:13px;color:#222;margin-bottom:4px}.charming-portfolio-projects-section .single-project .secondary-project-details .charming-portfolio-has-see-more{display:flex;flex-direction:column}.charming-portfolio-projects-section .single-project:hover .secondary-project-details,.charming-portfolio-projects-section .single-project:focus .secondary-project-details{opacity:1;pointer-events:auto;transform:translateY(0) scaleY(1)}.charming-portfolio-projects-section .single-project .secondary-project-details{padding:8px 16px}.charming-portfolio-projects-section .single-project img{width:100%;border-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0}.charming-portfolio-experience-section .section-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:8px}.charming-portfolio-experience-section .single-experience{width:300px;border-radius:8px;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px,#d1d5db 0px 0px 0px 1px inset;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:10px;cursor:pointer;position:relative}.charming-portfolio-experience-section .single-experience h3{line-height:18px}.charming-portfolio-experience-section .single-experience p{font-size:14px;line-height:18px;margin-bottom:0;display:inline-block;color:#222}.charming-portfolio-experience-section .single-experience .designation{font-size:13px;font-weight:600;color:#550080;margin-bottom:10px}.charming-portfolio-experience-section .single-experience .charming-portfolio-has-see-more{display:flex;flex-direction:column}.charming-portfolio-experience-section .single-experience .single-experience img{width:min(100%,200px);border-radius:8px;border-bottom-right-radius:0;border-bottom-left-radius:0}.charming-portfolio-experience-section .single-experience .experience-details{padding:8px 16px;position:absolute;background:#fff;left:0;top:100%;width:100%;border-radius:8px;transform:translateY(-20px) scaleY(0.8);transform-origin:top;opacity:0;pointer-events:none;z-index:1;transition:opacity .3s ease,transform .3s ease}.charming-portfolio-experience-section .single-experience:hover .experience-details,.charming-portfolio-experience-section .single-experience:focus .experience-details{opacity:1;pointer-events:auto;transform:translateY(0) scaleY(1)}.charming-portfolio-experience-section .single-experience .experience-details h3{font-size:20px;font-weight:600;margin-bottom:0;color:#000}.charming-portfolio-experience-section .single-experience .experience-details .timerange{font-size:12px;margin-bottom:0}.charming-portfolio-experience-section .single-experience .experience-details small{font-size:12px;color:#222;margin-bottom:4px}.charming-portfolio-experience-section .single-experience .experience-details .primary-details{display:flex;justify-content:space-between;gap:4px;align-items:center;flex-flow:row wrap}.charming-portfolio-contact-section .section-content{flex-direction:column}.charming-portfolio-contact-section .section-content .contact-header{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;row-gap:8px;margin-top:8px;margin-bottom:8px}.charming-portfolio-contact-section .section-content .contact-header h3{font-size:18px;font-weight:600}.charming-portfolio-contact-section .section-content .contact-header p{font-size:16px;color:#222;margin-top:4px;margin-block:0}.charming-portfolio-contact-section .section-content .contact-header .contact-info{font-size:16px}.charming-portfolio-contact-section .section-content .contact-header .contact-info span{color:#550080}.charming-portfolio-contact-section .section-content .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:32px}.charming-portfolio-contact-section .section-content .contact-form img{width:100%;height:auto;border-radius:8px}.charming-portfolio-contact-section .section-content .form-container{display:flex;flex-direction:column;gap:4px}.charming-portfolio-contact-section .section-content .form-container label{font-size:14px;margin-bottom:4px}.charming-portfolio-contact-section .section-content .form-field{display:flex;flex-direction:column;gap:4px}.charming-portfolio-contact-section .section-content input,.charming-portfolio-contact-section .section-content input:focus,.charming-portfolio-contact-section .section-content textarea,.charming-portfolio-contact-section .section-content textarea:focus{padding:10px;border:1px solid #ddd;border-radius:4px}.charming-portfolio-contact-section .section-content button{background:#550080;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:6px}.charming-portfolio-footer{color:#000;padding:0}.charming-portfolio-footer-inner{padding:20px;max-inline-size:1080px;padding-inline:14px;margin:20px auto;display:flex;flex-flow:row wrap;row-gap:8px;justify-content:space-around;align-items:center;background:#000;color:#fff;margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.charming-portfolio-footer-inner ul{list-style:none}.charming-portfolio-footer .footer-section.footer-section-menus{display:flex;flex-flow:row wrap;gap:22px}.charming-portfolio-footer .footer-section.footer-section-menus a{color:#00a;font-size:14px;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.footer-socials .charming-portfolio-social-links a{color:#fff}.charming-portfolio-footer .footer-section.footer-section-menus a:hover{color:#550080}.charming-portfolio-footer .footer-subsection h3{margin-bottom:8px}.charming-portfolio-footer .footer-subsection p{color:#777;font-size:14px}.charming-portfolio-footer .footer-subsection i{font-size:12px}.charming-portfolio-footer .footer-subsection .charming-portfolio-footer .footer-section.footer-owner-data{display:flex;flex-direction:column;gap:18px}.charming-portfolio-footer .footer-section.footer-owner-data h3{margin-bottom:6px;font-size:24px}.charming-portfolio-footer .footer-section.footer-owner-data p{font-size:14px;margin-bottom:2px;color:#fff;line-height:18px}.charming-portfolio-footer .footer-section .footer-search{margin-top:12px}.charming-portfolio-footer .footer-section .footer-search input{padding:8px;border:1px solid #ccc}.charming-portfolio-footer .footer-section .footer-search button{padding:8px 12px;background-color:#444;border:1px solid #444;color:#fff;border:none;cursor:pointer;font-size:14px}.charming-portfolio-footer .copyright{text-align:center;padding:8px 0;font-size:14px;color:#7777b7;background-color:#232323;margin-top:0;border-radius:0}@media screen and (max-width: 1024px){.charming-portfolio-hero-section .hero-text h2{font-size:40px}.charming-portfolio-hero-section .hero-text{max-width:400px}}@media screen and (max-width: 768px){.charming-portfolio-hero-section{flex-direction:column-reverse}.charming-portfolio-hero-section .hero-text h2{font-size:30px}.charming-portfolio-hero-section .hero-text h2 .highlight{font-size:36px}.charming-portfolio-hero-section .hero-text .short-description{font-size:16px}.charming-portfolio-hero-section .hero-text{max-width:100%;margin-top:14px;width:min(400px,100%)}.charming-portfolio-hero-section img{width:min(400px,100%);margin:0 auto;display:block;height:auto}.charming-portfolio-skills-section .single-skill{width:120px}.charming-portfolio-skills-section .single-skill img{width:80px;height:80px}}@media screen and (max-width: 600px){.charming-portfolio-contact-section .section-content .contact-form{grid-template-columns:1fr}}@media screen and (max-width: 500px){.charming-portfolio-contact-section .section-content .contact-header{text-align:center}.charming-portfolio-contact-section .section-content .contact-header div{width:100%}.charming-portfolio-social-links{margin-bottom:16px;justify-content:center}.charming-portfolio-footer .copyright{border-radius:0}}@keyframes highlight-name{100%{background-position:200% center}}.charming-portfolio-contact-section .contact-header p{line-height:20px}.charming-portfolio-has-see-more .see-more-text{margin-bottom:0;display:inline}.charming-portfolio-has-see-more .see-more{color:blue;font-size:14px;cursor:pointer}.charming-portfolio-has-see-more .see-more:hover{text-decoration:underline}

/*# sourceMappingURL=charming_v2.css.map*/