@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&family=Turret+Road:wght@200;300;400;500;700;800&display=swap");:root{--hue-color:242;--skin-dark:hsl(330,58%,26%);--skin-color:hsl(330,92%,52%);--skin-color-light:hsl(330,95%,62%);--accent-text:hsl(330,88%,72%);--accent-glow:330 75% 22%;--accent-gradient:linear-gradient(135deg,hsl(330,60%,24%),hsl(330,95%,54%) 50%,hsl(318,55%,32%));--accent-gradient-soft:linear-gradient(120deg,hsl(330,58%,28%),hsl(330,90%,50%));--accent-gradient-subtle:linear-gradient(90deg,hsl(330,55%,32%),hsl(330,92%,58%));--mirage-color:hsl(210,10%,23%);--title-color:hsl(var(--hue-color),8%,95%);--text-color:hsl(var(--hue-color),8%,85%);--body-color:hsl(var(--hue-color),19%,5%);--box-color:hsl(var(--hue-color),14%,10%);--scroll-box-color:hsl(var(--hue-color),12%,38%);--scroll-thumb-color:hsl(var(--hue-color),12%,26%);--body-font:"Poppins",sans-serif;--signature-font:"Turret Road",sans-serif;--biggest-font-size:3rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--font-medium:500;--font-bold:600;--mb025:0.25rem;--mb05:0.5rem;--mb075:0.75rem;--mb1:1rem;--mb15:1.5rem;--mb2:2rem;--mb25:2.5rem;--mb3:3rem;--z-fixed:10;--z-modal:100}@media screen and (max-width:1024px){:root{--biggest-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}.portfolio-page *{margin:0;padding:0;box-sizing:border-box}.portfolio-page{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);overflow-x:hidden}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3{color:var(--title-color);font-weight:var(--font-bold)}.portfolio-page ul{list-style:none}.portfolio-page a{text-decoration:none}.portfolio-page img{max-width:100%;height:auto}.portfolio-page button{cursor:pointer;border:none;outline:none}.portfolio-page .container{width:100%;max-width:1250px;margin-left:auto;margin-right:auto;padding-inline:clamp(1rem,4vw,1.5rem)}.portfolio-page .grid{display:grid}.portfolio-page .button{display:inline-flex;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;background:var(--accent-gradient-soft);color:var(--title-color);padding:.75rem 1.4rem;border-radius:.25rem;font-weight:var(--font-medium);position:relative;z-index:1;transition:.4s;box-shadow:0 4px 18px hsl(var(--accent-glow)/.4)}.portfolio-page .button:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:var(--mirage-color);z-index:-1;transform-origin:center;transform:scale(0);border-radius:.25rem;transition:.3s}.portfolio-page .button:hover:after{transform:scale(1)}.portfolio-page .section{padding:6.5rem 0 2rem}.portfolio-page #about,.portfolio-page #contact,.portfolio-page #home,.portfolio-page #qualification,.portfolio-page #services,.portfolio-page #skills,.portfolio-page #work{scroll-margin-top:5rem}.portfolio-page .section-title{text-align:center;font-size:var(--h1-font-size);margin-bottom:var(--mb3)}.portfolio-page .section-title:before{content:attr(data-heading);display:block;font-size:var(--normal-font-size);font-weight:var(--font-medium);background:var(--accent-gradient-subtle);-webkit-background-clip:text;background-clip:text;color:transparent}.portfolio-page ::-webkit-scrollbar{width:.6rem;background-color:var(--scroll-box-color);border-radius:.5rem}.portfolio-page ::-webkit-scrollbar-thumb{background:var(--accent-gradient-soft);border-radius:.5rem}.portfolio-page .sidebar{position:fixed;left:0;top:0;width:100px;height:100vh;background-color:var(--body-color);border-right:1px solid var(--box-color);z-index:1001;transform:translateX(0);transition:transform .4s ease}.portfolio-page .sidebar,.portfolio-page .sidebar .nav-link,.portfolio-page .sidebar .nav-logo{opacity:1;visibility:visible}@media screen and (min-width:1025px){.portfolio-page .sidebar{transform:translateX(0)!important}}.portfolio-page .nav-logo{position:absolute;left:0;right:0;top:1.8rem;width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);text-align:center;margin:auto;box-shadow:0 4px 16px hsl(var(--accent-glow)/.45)}.portfolio-page .nav-logo-text{font-size:1.125rem;color:var(--title-color);font-weight:var(--font-bold);line-height:40px}.portfolio-page .nav-menu{position:fixed;transform:rotate(-90deg) translateX(-100%);transform-origin:left top;width:100vh}.portfolio-page .menu{display:flex}.portfolio-page .nav-list{display:flex;flex-direction:row-reverse;margin:-2px auto 0}.portfolio-page .nav-link{float:right;height:100%;line-height:100px;padding:0 1rem;color:var(--title-color);font-weight:var(--font-medium);position:relative;transition:.4s}.portfolio-page .nav-close{font-size:1.5rem;position:absolute;top:1rem;right:1.25rem;cursor:pointer;display:none;color:var(--title-color);background:transparent}.portfolio-page .nav-link.active-link,.portfolio-page .nav-link:hover{color:var(--accent-text)}.portfolio-page .nav-link.active-link:after,.portfolio-page .nav-link:hover:after{position:absolute;content:"";width:6px;height:6px;background:var(--accent-gradient-soft);border-radius:50%;bottom:1.8rem;left:0;right:0;margin:auto}.portfolio-page .main{margin-left:100px;position:relative}.portfolio-page .main .contact-footer-panel{display:flex;flex-direction:column}.portfolio-page .main .contact-footer-panel .contact.section{flex:1 1 auto}.portfolio-page .main .contact-footer-panel .footer{flex-shrink:0;margin-top:auto}@media screen and (max-width:1024px){.portfolio-page .main .contact-footer-panel .footer{margin-top:0}}.portfolio-page .home{background-size:cover;background-position:50%;height:100vh}.portfolio-page .home-container{position:relative;height:100%;align-items:center}.portfolio-page .home-social{position:absolute;top:1.8rem;left:0;display:flex;align-items:center;-moz-column-gap:3.5rem;column-gap:3.5rem}.portfolio-page .home-social-follow{font-weight:var(--font-medium);position:relative}.portfolio-page .home-social-follow:after{content:"";position:absolute;width:1rem;height:2px;background-color:var(--text-color);right:-45%;top:50%}.portfolio-page .home-social-links{display:inline-flex;-moz-column-gap:1rem;column-gap:1rem}.portfolio-page .home-social-link{font-size:1.08rem;color:var(--text-color);transition:.4s}.portfolio-page .home-social-link:hover{transform:translateY(.25rem);color:var(--accent-text)}.portfolio-page .home-img{display:none;width:100%;max-width:280px;height:auto;border-radius:.75rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;aspect-ratio:3/4;justify-self:center;border:2px solid hsl(330 65% 45%/.5)}.portfolio-page .home-title{font-size:var(--biggest-font-size)}.portfolio-page .home-subtitle{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb075)}.portfolio-page .home-description{max-width:450px;margin-bottom:var(--mb2)}.portfolio-page .my-info{display:flex;-moz-column-gap:1.8rem;column-gap:1.8rem;position:absolute;left:0;bottom:1.8rem;flex-wrap:wrap;row-gap:1rem}.portfolio-page .info-item{display:flex;align-items:center}.portfolio-page .info-subtitle,.portfolio-page .info-title{font-size:var(--small-font-size)}.portfolio-page .info-title{font-weight:var(--font-medium)}.portfolio-page .info-icon{font-size:1.8rem;color:var(--accent-text);margin-right:var(--mb075)}.portfolio-page .about-container{grid-template-columns:repeat(2,1fr);-moz-column-gap:4rem;column-gap:4rem;align-items:center}.portfolio-page .about-img{width:min(380px,100%);max-height:480px;border-radius:.75rem;justify-self:center;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;aspect-ratio:3/4}.portfolio-page .about-heading{font-size:var(--h3-font-size);margin-bottom:var(--mb075)}.portfolio-page .about-description{text-align:justify;padding-right:6rem;margin-bottom:var(--mb2)}.portfolio-page .about-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:.75rem;margin-bottom:var(--mb3)}.portfolio-page .about-box{text-align:center;border-radius:.25rem;padding:1rem 1.25rem;background-color:var(--box-color)}.portfolio-page .about-icon{font-size:1.5rem;color:var(--accent-text);margin-bottom:var(--mb075)}.portfolio-page .about-subtitle,.portfolio-page .about-title{font-size:var(--small-font-size)}.portfolio-page .qualification-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:2rem 3rem;justify-content:center}.portfolio-page .qualification-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb2)}.portfolio-page .timeline-item{position:relative;margin-bottom:var(--mb25);padding-left:3rem}.portfolio-page .timeline-item:last-child{margin-bottom:0}.portfolio-page .timeline-item:before{content:"";width:1px;position:absolute;left:.48rem;top:0;height:100%;background:var(--accent-gradient-soft)}.portfolio-page .circle-dot{position:absolute;left:0;top:0;height:1rem;width:1rem;border:2px solid var(--skin-color-light);border-radius:50%;background:var(--accent-gradient);transition:.4s}.portfolio-page .timeline-item:hover .circle-dot{background-color:var(--body-color)}.portfolio-page .timeline-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb025)}.portfolio-page .timeline-text{font-size:var(--smaller-font-size);margin-bottom:var(--mb1)}.portfolio-page .timeline-date{display:flex;align-items:center;-moz-column-gap:.4rem;column-gap:.4rem;font-size:var(--normal-font-size);color:var(--accent-text)}.portfolio-page .skills-container{grid-template-columns:1fr;gap:2rem;justify-content:center;max-width:min(680px,100%);margin-inline:auto}@media screen and (min-width:992px){.portfolio-page .skills-container{grid-template-columns:minmax(260px,360px) minmax(0,1fr);max-width:100%;-moz-column-gap:3rem;column-gap:3rem}}.portfolio-page .skills-header{display:flex;align-items:center;cursor:pointer;background:transparent;width:100%;text-align:left;color:inherit}.portfolio-page .skills-header:not(:last-child){margin-bottom:var(--mb25)}.portfolio-page .skills-arrow,.portfolio-page .skills-icon{font-size:2rem;color:var(--accent-text)}.portfolio-page .skills-icon{margin-right:var(--mb075)}.portfolio-page .skills-arrow{margin-left:auto}.portfolio-page .skills-active .skills-arrow{transform:rotate(-90deg);transition:.4s}.portfolio-page .skills-title{font-size:var(--h3-font-size);font-weight:var(--font-medium)}.portfolio-page .skills-subtitle{font-size:var(--small-font-size)}.portfolio-page .skills-list{row-gap:1.8rem}.portfolio-page .skills-titles{display:flex;justify-content:space-between;margin-bottom:var(--mb05)}.portfolio-page .skills-name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.portfolio-page .skills-bar,.portfolio-page .skills-percentage{height:5px;border-radius:.25rem}.portfolio-page .skills-bar{background-color:var(--box-color)}.portfolio-page .skills-percentage{display:block;background:var(--accent-gradient-subtle);width:0;box-shadow:0 0 12px hsl(var(--accent-glow)/.35)}.portfolio-boot-overlay{position:fixed;top:0;right:0;bottom:0;left:100px;z-index:1000;background-color:var(--body-color);pointer-events:all}.portfolio-boot-overlay--hidden,.portfolio-boot-overlay[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.portfolio-page--loading .main{visibility:hidden}.portfolio-page--ready [data-hero]{opacity:1;visibility:visible}.portfolio-loader{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;background-color:var(--body-color)}.portfolio-loader-inner{text-align:center;width:min(280px,88vw)}.portfolio-loader-logo{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--accent-gradient);color:var(--title-color);font-size:1.25rem;font-weight:var(--font-bold);box-shadow:0 4px 20px hsl(var(--accent-glow)/.5)}.portfolio-loader-name{margin-top:1rem;font-size:var(--normal-font-size);color:var(--title-color)}.portfolio-loader-bar{margin-top:1.25rem;height:3px;border-radius:999px;background-color:var(--box-color);overflow:hidden}.portfolio-loader-fill{display:block;height:100%;border-radius:inherit;background:var(--accent-gradient-subtle);transition:width .12s ease;box-shadow:0 0 10px hsl(var(--accent-glow)/.4)}.portfolio-loader-percent{margin-top:.5rem;font-size:var(--smaller-font-size);color:var(--accent-text)}@media screen and (max-width:1024px){.portfolio-boot-overlay{left:0}}.portfolio-page .home{background-attachment:scroll}.portfolio-page .skills-group{display:none}.portfolio-page .skills-group.skills-active{display:block;animation:skills-panel-in .45s ease forwards}@keyframes skills-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-page .skills-group.skills-active{animation:none}}.portfolio-page .work-container{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.8rem;justify-content:center;padding-top:1rem}.portfolio-page .work-filters{display:flex;justify-content:center;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.portfolio-page .work-item{cursor:pointer;color:var(--title-color);padding:.25rem .75rem;font-weight:var(--font-medium);border-radius:.5rem;background:transparent;font-family:inherit;font-size:inherit}.portfolio-page .work-card{background-color:var(--box-color);padding:1.25rem;border-radius:.5rem;overflow:hidden}.portfolio-page .work-img{border-radius:.5rem;margin-bottom:var(--mb1);width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block;will-change:transform}.portfolio-page .work-title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb05)}.portfolio-page .work-button{color:var(--accent-text);font-size:var(--small-font-size);display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;cursor:pointer;background:transparent;font-family:inherit}.portfolio-page .work-button-icon{font-size:1rem;transition:.4s}.portfolio-page .work-button:hover .work-button-icon{transform:translateX(.25rem)}.portfolio-page .active-work{background:var(--accent-gradient);color:var(--title-color);box-shadow:0 2px 12px hsl(var(--accent-glow)/.38)}.portfolio-page .portfolio-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:0 1rem;opacity:0;visibility:hidden;z-index:var(--z-modal);transition:.4s}.portfolio-page .portfolio-popup.open{opacity:1;visibility:visible}.portfolio-page .portfolio-popup-inner{background-color:var(--box-color);width:900px;max-width:95vw;border-radius:.5rem;padding:2.5rem;position:relative;max-height:90vh;overflow-y:auto}.portfolio-page .portfolio-popup-content{grid-template-columns:repeat(2,1fr);align-items:center;-moz-column-gap:3rem;column-gap:3rem}.portfolio-page .portfolio-popup-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--accent-text);cursor:pointer;background:transparent}.portfolio-page .portfolio-popup-img{border-radius:.5rem;width:100%;height:auto}.portfolio-page .portfolio-popup-subtitle{font-size:var(--smaller-font-size);margin-bottom:var(--mb025)}.portfolio-page .details-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb1)}.portfolio-page .details-description{font-size:var(--small-font-size);margin-bottom:var(--mb2)}.portfolio-page .details-info li{margin-bottom:var(--mb075);font-size:var(--small-font-size)}.portfolio-page .details-info li span{font-weight:400;color:var(--accent-text)}.portfolio-page .services-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));justify-content:center;gap:1.8rem}.portfolio-page .services-content{position:relative;background-color:var(--box-color);padding:6rem 0 2rem 2.5rem;border-radius:.25rem}.portfolio-page .services-icon{display:block;font-size:1.8rem;color:var(--accent-text);margin-bottom:var(--mb1)}.portfolio-page .services-title{font-size:var(--h3-font-size);margin-bottom:var(--mb1);font-weight:var(--font-medium);white-space:pre-line}.portfolio-page .services-button{color:var(--accent-text);font-size:var(--small-font-size);display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;cursor:pointer;background:transparent;font-family:inherit}.portfolio-page .services-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:0 1rem;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:.4s}.portfolio-page .services-modal.active-modal{opacity:1;visibility:visible}.portfolio-page .services-modal-content{width:500px;max-width:95vw;position:relative;background-color:var(--box-color);padding:4.5rem 2.5rem 2.5rem;border-radius:.5rem;max-height:90vh;overflow-y:auto}.portfolio-page .services-modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--accent-text);cursor:pointer;background:transparent}.portfolio-page .services-modal-description,.portfolio-page .services-modal-title{text-align:center}.portfolio-page .services-modal-title{font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb1)}.portfolio-page .services-modal-description{font-size:var(--small-font-size);padding:0 1rem;margin-bottom:var(--mb2)}.portfolio-page .services-modal-services{row-gap:var(--mb075)}.portfolio-page .services-modal-service{display:flex;align-items:flex-start;-moz-column-gap:.5rem;column-gap:.5rem}.portfolio-page .services-modal-icon{color:var(--accent-text);font-size:1.1rem;margin-top:.15rem}.portfolio-page .services-modal-info{font-size:var(--small-font-size)}.portfolio-page .highlights-container{max-width:750px;margin:0 auto;display:grid;gap:1.5rem}@media screen and (min-width:768px){.portfolio-page .highlights-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:992px){.portfolio-page .highlights-container{grid-template-columns:repeat(3,1fr)}}.portfolio-page .testimonial-card{background-color:var(--box-color);padding:1.8rem 2rem;border-radius:.5rem;height:100%}.portfolio-page .testimonial-quote{display:inline-flex;font-size:1.5rem;color:var(--accent-text);margin-bottom:var(--mb1)}.portfolio-page .testimonial-description{margin-bottom:var(--mb1);font-size:var(--small-font-size);text-align:justify}.portfolio-page .testimonial-date{font-size:var(--normal-font-size);margin-bottom:var(--mb2);color:var(--accent-text)}.portfolio-page .testimonial-profile-name{font-size:var(--h3-font-size);font-weight:var(--font-medium);color:var(--title-color)}.portfolio-page .testimonial-profile-detail{font-size:var(--small-font-size);display:block}.portfolio-page .contact.section{padding:5rem clamp(1.25rem,4vw,3rem) 4.5rem;display:flex;flex-direction:column;justify-content:center}.portfolio-page .contact-container{display:flex;justify-content:center;width:100%;padding:0 clamp(.75rem,3vw,2rem)}.portfolio-page .contact-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);width:100%;max-width:min(920px,100%)}.portfolio-page .contact-card{background-color:var(--box-color);padding:1.25rem clamp(.75rem,2vw,1rem);border-radius:.5rem;text-align:center;min-width:0}.portfolio-page .contact-card-icon{font-size:1.8rem;color:var(--title-color);margin-bottom:var(--mb025)}.portfolio-page .contact-card-data,.portfolio-page .contact-card-title{font-size:var(--small-font-size)}.portfolio-page .contact-card-title{font-weight:var(--font-medium)}.portfolio-page .contact-card-data{display:block;word-break:break-word}.portfolio-page .footer{padding-top:1rem}.portfolio-page .footer-container{grid-template-columns:repeat(3,1fr);-moz-column-gap:1.6rem;column-gap:1.6rem}.portfolio-page .footer-bg{background-color:var(--box-color);padding:1.5rem 0 1.75rem}.portfolio-page .footer-title{font-size:var(--h2-font-size);margin-bottom:var(--mb025)}.portfolio-page .footer-subtitle{font-size:var(--small-font-size)}.portfolio-page .footer-links{display:flex;justify-self:center;-moz-column-gap:2rem;column-gap:2rem}.portfolio-page .footer-links a{color:var(--title-color);transition:.3s}.portfolio-page .footer-links a:hover{color:var(--accent-text)}.portfolio-page .footer-socials{justify-self:flex-end}.portfolio-page .footer-social{font-size:1.25rem;margin-right:var(--mb15);color:var(--title-color)}.portfolio-page .footer-social:hover{color:var(--accent-text)}.portfolio-page .footer-subtitle,.portfolio-page .footer-title{color:var(--title-color)}.portfolio-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media screen and (max-width:1216px){.portfolio-page .about-container{-moz-column-gap:2.5rem;column-gap:2.5rem}.portfolio-page .about-description{padding-right:0}}@media screen and (max-width:1024px){.portfolio-page #about,.portfolio-page #contact,.portfolio-page #home,.portfolio-page #qualification,.portfolio-page #services,.portfolio-page #skills,.portfolio-page #work{scroll-margin-top:1rem}.portfolio-page .section{padding:5rem 0 2rem}.portfolio-page .sidebar{top:auto;bottom:0;left:0;width:100%;height:auto;min-height:auto;transform:none;border-right:none;border-top:1px solid var(--box-color);z-index:1001}.portfolio-page .nav-logo{display:none}.portfolio-page .nav-menu{position:static;width:100%;height:auto;transform:none;display:flex;justify-content:center;padding:.65rem .5rem}.portfolio-page .nav-list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;height:auto;margin:0}.portfolio-page .nav-link{padding:.45rem .65rem;line-height:1.3;font-size:var(--smaller-font-size);float:none;height:auto}.portfolio-page .nav-link.active-link:after,.portfolio-page .nav-link:hover:after{bottom:.15rem}.portfolio-page .nav-close{display:none}.portfolio-page .main{margin-left:0;padding-bottom:4.25rem}.portfolio-page .about-container{grid-template-columns:1fr;row-gap:2.5rem;justify-items:center}.portfolio-page .about-img{display:none}.portfolio-page .about-data{text-align:center;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}.portfolio-page .about-description,.portfolio-page .about-heading{text-align:center}.portfolio-page .about-description{padding:0 1rem}.portfolio-page .about-info{justify-content:center;width:100%}.portfolio-page .about-data .button{margin-inline:auto}.portfolio-page .home-container{height:auto}.portfolio-page .home-container,.portfolio-page .home-data{display:flex;flex-direction:column;align-items:center;text-align:center}.portfolio-page .home-data{width:100%}.portfolio-page .home-description{margin-left:auto;margin-right:auto}.portfolio-page .home-title{font-size:clamp(1.75rem,6vw,var(--biggest-font-size))}.portfolio-page .home{height:auto;min-height:100svh;padding:6rem 0 3rem}.portfolio-page .home-img{display:block;width:min(280px,70vw);margin-inline:auto}.portfolio-page .my-info{position:static;justify-content:center;align-items:center;margin-top:1.5rem;width:100%;max-width:360px}.portfolio-page .info-item{justify-content:center;text-align:center}.portfolio-page .home-social{position:static;justify-content:center;margin-bottom:1rem;width:100%}.portfolio-page .home-social-follow:after{display:none}.portfolio-page .education,.portfolio-page .experience,.portfolio-page .qualification-container{text-align:center;justify-items:center}.portfolio-page .qualification-title{display:flex;align-items:center;justify-content:center;gap:.5rem}.portfolio-page .timeline-item{text-align:left;max-width:min(100%,420px);width:100%;padding-left:3.25rem;margin-inline:auto}.portfolio-page .timeline-item:before{width:3px;left:.65rem}.portfolio-page .circle-dot{left:.35rem}.portfolio-page .skills-container,.portfolio-page .skills-content,.portfolio-page .skills-tabs{text-align:center;justify-items:center}.portfolio-page .skills-header{justify-content:flex-start;text-align:left;max-width:100%}.portfolio-page .work-filters{justify-content:center}.portfolio-page .services-container,.portfolio-page .services-content{text-align:center}.portfolio-page .services-button{justify-content:center;margin-inline:auto}.portfolio-page .work-card{text-align:center}.portfolio-page .work-button{justify-content:center;margin-inline:auto}}@media screen and (max-width:768px){.portfolio-page .section-title{margin-bottom:var(--mb2)}.portfolio-page .qualification-container{grid-template-columns:1fr}.portfolio-page .services-content{padding:3.5rem 1rem 1.25rem 1.5rem}.portfolio-page .portfolio-popup-inner{padding:1.75rem 1.25rem}.portfolio-page .services-modal-content{padding:3.5rem 1.25rem 1.5rem}.portfolio-page .footer-container{grid-template-columns:1fr;row-gap:1.5rem;text-align:center}.portfolio-page .footer-socials{justify-self:center}.portfolio-page .footer-links{flex-direction:column;row-gap:1.5rem;align-items:center}.portfolio-page .portfolio-popup-content{grid-template-columns:1fr;row-gap:1.6rem}.portfolio-page .contact.section{padding-bottom:3.5rem}.portfolio-page .contact-info{grid-template-columns:1fr;max-width:min(360px,100%)}}@media screen and (max-width:576px){.portfolio-page .timeline-item{max-width:100%;padding-left:2.75rem}.portfolio-page .nav-link{padding:.4rem .5rem;font-size:.75rem}.portfolio-page .home{background-image:none!important;height:auto;min-height:auto;padding:5.5rem 0 2rem}.portfolio-page .home-container{row-gap:1.5rem;padding-bottom:1rem}.portfolio-page .home-img{width:min(220px,75vw)}.portfolio-page .home-social{order:-1}.portfolio-page .my-info{flex-direction:column;align-items:center}.portfolio-page .info-subtitle{word-break:break-word}.portfolio-page .work-filters{gap:.5rem}.portfolio-page .contact-info{grid-template-columns:1fr;margin-inline:auto}.portfolio-page .button{max-width:280px;justify-content:center}}