@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--header-height: 3rem;--hue-color: 240;--first-color: hsl(var(--hue-color), 69%, 61%);--first-color-second: hsl(var(--hue-color), 69%, 61%);--first-color-alt: hsl(var(--hue-color), 57%, 53%);--first-color-lighter: hsl(var(--hue-color), 92%, 85%);--title-color: hsl(var(--hue-color), 8%, 15%);--text-color: hsl(var(--hue-color), 8%, 45%);--text-color-light: hsl(var(--hue-color), 8%, 65%);--input-color: hsl(var(--hue-color), 70%, 96%);--body-color: hsl(var(--hue-color), 60%, 99%);--container-color: #fff;--scroll-bar-color: hsl(var(--hue-color), 12%, 90%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 80%);--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-medium: 500;--font-semi-bold: 600;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}@media screen and (min-width: 968px){:root{--big-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: .875rem;--smaller-font-size: .813rem}}body.dark-theme{--first-color-second: hsl(var(--hue-color), 30%, 8%);--title-color: hsl(var(--hue-color), 8%, 95%);--text-color: hsl(var(--hue-color), 8%, 75%);--input-color: hsl(var(--hue-color), 29%, 16%);--body-color: hsl(var(--hue-color), 28%, 12%);--container-color: hsl(var(--hue-color), 29%, 16%);--scroll-bar-color: hsl(var(--hue-color), 12%, 48%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 36%)}.nav__btns{display:flex;align-items:center}.change-theme{font-size:1.25rem;color:var(--title-color);margin-right:var(--mb-1);cursor:pointer}.change-theme:hover{color:var(--first-color)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{margin:0 0 var(--header-height) 0;font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color)}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}.section{padding:2rem 0 4rem}.section__title{font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:var(--mb-3)}.section__title,.section__subtitle{text-align:center}.container{max-width:768px;margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.grid{display:grid;gap:1.5rem}.header{width:100%;position:fixed;bottom:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}.nav{max-width:968px;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo,.nav__toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav__logo:hover{color:var(--first-color)}.nav__toggle{font-size:1.1rem;cursor:pointer}.nav__toggle:hover{color:var(--first-color)}@media screen and (max-width: 767px){.nav__menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--body-color);padding:2rem 1.5rem 4rem;box-shadow:0 -1px 4px #00000026;border-radius:1.5rem 1.5rem 0 0;transition:.3s}}.nav__list{grid-template-columns:repeat(3,1fr);gap:2rem}.nav__link{display:flex;flex-direction:column;align-items:center;font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium)}.nav__link:hover{color:var(--first-color)}.nav__icon{font-size:1.2rem}.nav__close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--first-color)}.nav__close:hover{color:var(--first-color-alt)}.show-menu{bottom:0}.active-link{color:var(--first-color)}.scroll-header{box-shadow:0 -1px 4px #00000026}.personal-img img{border-radius:10%;height:400px}.home__container{gap:1rem}.home__content{grid-template-columns:.5fr 3fr;padding-top:3.5rem;align-items:center}.home__social{display:grid;grid-template-columns:max-content;row-gap:1rem}.home__social-icon{font-size:1.05rem;color:var(--first-color)}.home__social-icon:hover{color:var(--first-color-lighter)}.home__blob{width:200px;fill:var(--first-color)}.home__blob-img{width:180%;height:145%;padding-left:30px}.home__data{grid-column:1/3}.home__title{font-size:var(--big-font-size)}.home__subtitle{font-size:var(--h3-font-size);color:var(--text-color);font-weight:var(--font-medium);margin-bottom:var(--mb-0-75)}.home__description{margin-bottom:var(--mb-2)}.portfolio__scroll{display:flex;justify-content:center;align-items:center;margin-top:15px;cursor:pointer}.home__scroll{display:none}.home__scroll-button{color:var(--first-color);transition:.3s}.home__scroll-button:hover{transform:translateY(.25rem)}.home__scroll-mouse{font-size:2rem}.home__scroll-name{font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium);margin-right:var(--mb-0-25)}.home__scroll-arrow{font-size:1.25rem}.button{display:inline-block;background-color:var(--first-color);color:#fff;padding:1rem;margin-bottom:10px;border-radius:.5rem;font-weight:var(--font-medium)}.button:hover{background-color:var(--first-color-alt)}.button__icon{font-size:1.25rem;margin-left:.25rem;transition:.3s}.button--white{background-color:#fff;color:var(--first-color)}.button--white:hover{background-color:#fff}.button--flex{display:inline-flex;align-items:center}.button--small{padding:.75rem 1rem}.button--link{padding:0;background-color:transparent;color:var(--first-color)}.button--link:hover{background-color:transparent;color:var(--first-color-alt)}.about__img{width:170px;border-radius:500%;justify-self:center;align-self:center}.about__description{text-align:center;margin-bottom:var(--mb-2-5)}.about__info{display:flex;justify-content:space-evenly;margin-bottom:var(--mb-2-5)}.about__info-title{font-size:var(--h2-font-size);font-weight:var(--font-semi-bold);color:var(--title-color)}.about__info-name{font-size:var(--smaller-font-size)}.about__info-name,.about__info-title{display:block;text-align:center}.about__buttons{display:flex;justify-content:center}.skills__container{row-gap:0}.skills__header{display:flex;align-items:center;margin-bottom:var(--mb-2-5);cursor:pointer}.skills__icon,.skills__arrow{font-size:1.25rem;color:var(--first-color)}.skills__icon{margin-right:var(--mb-0-75)}.skills__title{font-size:var(--h3-font-size)}.skills__arrow{margin-left:auto;transition:.4s}.skills__list{row-gap:1.5rem;padding-left:2.7rem}.skills__titles{display:flex;justify-content:space-between;margin-bottom:var(--mb-0-5)}.skills__name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills__bar,.skills__percentage{height:5px;border-radius:.25rem}.skills__bar{background-color:var(--first-color-lighter)}.skills__percentage{display:block;background-color:var(--first-color)}.skills__html{width:90%}.skills__css{width:80%}.skills__js{width:55%}.skills__react{width:40%}.skills__php{width:80%}.skills__node{width:70%}.skills__firebase{width:75%}.skills__python{width:50%}.skills__figma{width:85%}.skills__sketch{width:75%}.skills__photoshop{width:60%}.skills__close .skills__list{height:0;overflow:hidden}.skills__open .skills__list{height:max-content;margin-bottom:var(--mb-2-5)}.skills__open .skills__arrow{transform:rotate(-180deg)}.qualification__tabs{display:flex;justify-content:space-evenly;margin-bottom:var(--mb-2)}.qualification__button{font-size:var(--h3-font-size);font-weight:var(--font-medium);cursor:pointer}.qualification__button:hover{color:var(--first-color)}.qualification__icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification__data{display:grid;grid-template-columns:1fr max-content 1fr;column-gap:1.5rem}.qualification__title{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.qualification__subtitle{display:inline-block;font-size:var(--small-font-size)}.qualification__calender{font-size:var(--smaller-font-size);color:var(--text-color-light)}.qualification__rounder{display:inline-block;width:13px;height:13px;background-color:var(--first-color);border-radius:50%}.qualification__line{display:block;width:1px;height:100%;background-color:var(--first-color);transform:translate(6px,-7px)}.qualification [data-content],.qualification__active[data-content]{display:none}.qualification__button.qualification__active{color:var(--first-color)}.services_container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.services__content{position:relative;background-color:var(--container-color);padding:3.5rem .5rem 1.25rem 1.5rem;border-radius:.25rem;box-shadow:0 2px 4px #00000026}.services__button{cursor:pointer;font-size:var(--small-font-size)}.services__button:hover .button__icon{transform:translate(.25rem)}.services__modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:0 1rem;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:.3s}.services__modal-content{position:relative;background-color:var(--container-color);padding:1.5rem;border-radius:1.25rem}.services__modal-services{row-gap:1rem}.services__modal-service{display:flex}.services__modal-title{font-size:var(--h3-font-size);font-family:var(--font-medium);margin-bottom:var(--mb-1-5)}.services__modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:var(--first-color);cursor:pointer}.services__modal-icon{color:var(--first-color);margin-right:var(--mb-0-25)}.more-project{position:relative;display:flex;align-items:center;gap:4px;top:10px;padding:12px 30px;border:4px solid;border-color:transparent;font-size:16px;background-color:inherit;border-radius:100px;font-weight:600;color:#fff;box-shadow:0 0 0 2px #fbe200;background-color:#0084ff;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);margin-left:18px}.more-project:hover{box-shadow:0 0 0 12px transparent;color:#212121;border-radius:12px}.more-project:hover .arr-1{right:-25%}.more-project:hover .arr-2{left:16px}.more-project:active{scale:.95;box-shadow:0 0 0 4px #171e0c}.more-project:hover .circle{width:220px;height:220px;opacity:1}.active-modal{opacity:1;visibility:visible}.portfolio__container{overflow:initial}.portfolio__content{padding:0 1.5rem}.portfolio__img{width:310px;border-radius:.5rem;justify-self:center}.portfolio__title{font-size:var(--h3-font-size);margin-bottom:var(--mb-0-5)}.portfolio__description{margin-bottom:var(--mb-0-75)}.portfolio__button:hover .button__icon{transform:translate(.25rem)}.swiper-button-prev:after,.swiper-button-next:after{content:""}.swiper-portfolio-icon{font-size:2rem;color:var(--first-color)}.swiper-button-prev{left:-.5rem}.swiper-button-next{right:-.5rem}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:-2.5rem}.swiper-pagination-bullets-active{background-color:var(--first-color)}.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullets{outline:none}.buttonReact{--white: #ffe7ff;--purple-100: #f4b1fd;--purple-200: #d190ff;--purple-300: #c389f2;--purple-400: #8e26e2;--purple-500: #5e2b83;--radius: 18px;border-radius:var(--radius);outline:none;cursor:pointer;font-size:23px;font-family:Arial;background:transparent;letter-spacing:-1px;border:0;position:relative;width:200px;height:70px;transform:rotate(353deg) skew(4deg)}.bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;filter:blur(1px)}.bg:before,.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--radius) * 1.1);background:var(--purple-500)}.bg:before{filter:blur(5px);transition:all .3s ease;box-shadow:-7px 6px #734b9b66,-14px 12px #734b9b4d,-21px 18px 4px #734b9b40,-28px 24px 8px #734b9b26,-35px 30px 12px #734b9b1f,-42px 36px 16px #734b9b14,-56px 42px 20px #734b9b0d}.wrap{border-radius:inherit;overflow:hidden;height:100%;transform:translate(6px,-6px);padding:3px;background:linear-gradient(to bottom,var(--purple-100) 0%,var(--purple-400) 100%);position:relative;transition:all .3s ease}.outline{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;opacity:0;outline:none;border-radius:inherit;transition:all .4s ease}.outline:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:120px;height:300px;margin:auto;background:linear-gradient(to right,transparent 0%,white 50%,transparent 100%);animation:spin 3s linear infinite;animation-play-state:paused}.content{pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;height:100%;gap:16px;border-radius:calc(var(--radius) * .85);font-weight:600;transition:all .3s ease;background:linear-gradient(to bottom,var(--purple-300) 0%,var(--purple-400) 100%);box-shadow:inset -2px 12px 11px -5px var(--purple-200),inset 1px -3px 11px #00000059}.content:before{content:"";right:0;left:0;position:absolute;z-index:10;width:80%;top:45%;bottom:35%;opacity:.7;margin:auto;background:linear-gradient(to bottom,transparent,var(--purple-400));filter:brightness(1.3) blur(5px)}.char{transition:all .3s ease;display:flex;align-items:center;justify-content:center}.char span{display:block;color:transparent;position:relative}.char span:nth-child(5){margin-left:5px}.char.state-1 span:nth-child(5){margin-right:-3px}.char.state-1 span{animation:charAppear 1.2s ease backwards calc(var(--i) * .03s)}.char.state-1 span:before,.char span:after{content:attr(data-label);position:absolute;color:var(--white);text-shadow:-1px 1px 2px var(--purple-500);left:0}.char span:before{opacity:0;transform:translateY(-100%)}.char.state-2{position:absolute;left:80px}.char.state-2 span:after{opacity:1}.icon{animation:resetArrow .8s cubic-bezier(.7,-.5,.3,1.2) forwards;z-index:10}.icon div,.icon div:before,.icon div:after{height:3px;border-radius:1px;background-color:var(--white)}.icon div:before,.icon div:after{content:"";position:absolute;right:0;transform-origin:center right;width:14px;border-radius:15px;transition:all .3s ease}.icon div{position:relative;width:24px;box-shadow:-2px 2px 5px var(--purple-400);transform:scale(.9);background:linear-gradient(to bottom,var(--white),var(--purple-100));animation:swingArrow 1s ease-in-out infinite;animation-play-state:paused}.icon div:before{transform:rotate(44deg);top:1px;box-shadow:1px -2px 3px -1px var(--purple-400);animation:rotateArrowLine 1s linear infinite;animation-play-state:paused}.icon div:after{bottom:1px;transform:rotate(316deg);box-shadow:-2px 2px 3px 0 var(--purple-400);background:linear-gradient(200deg,var(--white),var(--purple-100));animation:rotateArrowLine2 1s linear infinite;animation-play-state:paused}.path{position:absolute;z-index:12;bottom:0;left:0;right:0;stroke-dasharray:150 480;stroke-dashoffset:150;pointer-events:none}.splash{position:absolute;top:0;left:0;pointer-events:none;stroke-dasharray:60 60;stroke-dashoffset:60;transform:translate(-17%,-31%);stroke:var(--purple-300)}.buttonReact:hover .words{opacity:1}.buttonReact:hover .words span{animation-play-state:running}.buttonReact:hover .char.state-1 span:before{animation:charAppear .7s ease calc(var(--i) * .03s)}.buttonReact:hover .char.state-1 span:after{opacity:1;animation:charDisappear .7s ease calc(var(--i) * .03s)}.buttonReact:hover .wrap{transform:translate(8px,-8px)}.buttonReact:hover .outline{opacity:1}.buttonReact:hover .outline:before,.buttonReact:hover .icon div:before,.buttonReact:hover .icon div:after,.buttonReact:hover .icon div{animation-play-state:running}.buttonReact:active .bg:before{filter:blur(5px);opacity:.7;box-shadow:-7px 6px #734b9b66,-14px 12px #734b9b40,-21px 18px 4px #734b9b26}.buttonReact:active .content{box-shadow:inset -1px 12px 8px -5px #47008966,inset 0 -3px 8px 0 var(--purple-200)}.buttonReact:active .words,.buttonReact:active .outline{opacity:0}.bubuttonReacttton:active .wrap{transform:translate(3px,-3px)}.buttonReact:active .splash{animation:splash .8s cubic-bezier(.3,0,0,1) forwards .05s}.buttonReact:focus .path{animation:path 1.6s ease forwards .2s}.buttonReact:focus .icon{animation:arrow 1s cubic-bezier(.7,-.5,.3,1.5) forwards}.char.state-2 span:after,.buttonReact:focus .char.state-1 span{animation:charDisappear .5s ease forwards calc(var(--i) * .03s)}.buttonReact:focus .char.state-2 span:after{animation:charAppear 1s ease backwards calc(var(--i) * .03s)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes charAppear{0%{transform:translateY(50%);opacity:0;filter:blur(20px)}20%{transform:translateY(70%);opacity:1}50%{transform:translateY(-15%);opacity:1;filter:blur(0)}to{transform:translateY(0);opacity:1}}@keyframes charDisappear{0%{transform:translateY(0);opacity:1}to{transform:translateY(-70%);opacity:0;filter:blur(3px)}}@keyframes arrow{0%{opacity:1}50%{transform:translate(60px);opacity:0}51%{transform:translate(-200px);opacity:0}to{transform:translate(-128px);opacity:1}}@keyframes swingArrow{50%{transform:translate(5px) scale(.9)}}@keyframes rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}@keyframes resetArrow{0%{transform:translate(-128px)}to{transform:translate(0)}}@keyframes path{0%{stroke:#fff}to{stroke-dashoffset:-480;stroke:#f9c6fe}}@keyframes splash{to{stroke-dasharray:2 60;stroke-dashoffset:-60}}.contact__container{row-gap:2rem}.contact__information{display:flex;margin-bottom:var(--mb-2)}.contact__icon{font-size:2rem;color:var(--first-color);margin-right:var(--mb-0-75)}.contact__title{font-size:var(--h3-font-size);font-weight:var(--font-medium)}.contact__subtitle{font-size:var(--small-font-size);color:var(--text-color-light)}.contact__content{background-color:var(--input-color);border-radius:.5rem;padding:.75rem 1rem .25rem}.contact__label{font-size:var(--smaller-font-size);color:var(--title-color)}.contact__input{width:100%;background-color:var(--input-color);color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size);border:none;outline:none;padding:.25rem .5rem .5rem 0}.footer{padding-top:2rem}.footer__container{row-gap:3.5rem}.footer__bg{background-color:var(--first-color-second);padding:2rem 0 3rem}.footer__title{font-size:var(--h1-font-size);margin-bottom:var(--mb-0-25)}.footer__subtitle{font-size:var(--small-font-size)}.footer__links{display:flex;flex-direction:column;row-gap:1.5rem}.footer__link:hover{color:var(--first-color-lighter);transition:.3s}.footer__social{font-size:1.25rem;margin-right:var(--mb-1-5)}.footer__social:hover{color:var(--first-color-lighter);transition:.3s}.footer__copy{font-size:var(--smaller-font-size);text-align:center;color:var(--text-color-light);margin-top:var(--mb-3)}.footer__title,.footer__link,.footer__subtitle,.footer__social{color:#fff}.scrollup{position:fixed;right:1rem;bottom:-20%;background-color:var(--first-color);opacity:.8;padding:0 .3rem;border-radius:.4rem;z-index:var(--z-tooltip);transition:.4s}.scrollup:hover{background-color:var(--first-color-alt)}.scrollup__icon{font-size:1.5rem;color:#fff}.show-scroll{bottom:5rem}::-webkit-scrollbar{width:.6rem;background-color:var(--scroll-bar-color);border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:var(--text-color-light)}@media screen and (max-width: 350px){.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}.nav__menu{padding:2rem .25rem 4rem}.nav__list{column-gap:0}.home__content{grid-template-columns:.25fr 3fr}.home__blob{width:180px}.skills__icon,.skills__arrow{font-size:1.25rem}.skills__title{font-size:var(--normal-font-size)}.qualification__data{gap:.5rem}.services__container{justify-content:center}.services__content{padding-right:.5rem}.services__modal{padding:0 .5rem}.project__img{width:200px}}@media screen and (min-width: 568px){.home__content{grid-template-columns:max-content 1fr 1fr}.home__data{grid-column:initial}.home__img{order:1;justify-self:center}.about__container,.skills__container,.project__container,.contact__container,.footer__container{grid-template-columns:repeat(2,1fr)}.qualification__section{display:grid;grid-template-columns:.6fr;justify-content:center}}@media screen and (min-width: 768px){.container{margin-left:auto;margin-right:auto}body{margin:0}.section{padding:6rem 0 4rem}.section__subtitle{margin-bottom:4rem}.header{top:0;bottom:initial}.header,.main,.footer__container{padding:0 1rem}.nav{height:calc(var(--header-height) + 1.5rem);column-gap:1rem}.nav__icon,.nav__close,.nav__toggle{display:none}.nav__list{display:flex;column-gap:2rem}.nav__menu{margin-left:auto}.change-theme{margin:0}.home__container{row-gap:5rem}.home__content{padding-top:5.5rem;column-gap:2rem}.home__blob{width:240px}.home__scroll{display:block}.home__scroll-button{margin-left:3rem}.about__container{column-gap:5rem}.about__img{width:300px}.about__description{text-align:initial}.about__info{justify-content:space-between}.about__buttons{justify-content:initial}.skills__icon,.skills__arrow{font-size:1.75rem}.qualification__tabs{justify-content:center}.qualification__button{margin:0 var(--mb-1)}.qualification__sections{grid-template-columns:.5fr}.services_container{grid-template-columns:repeat(3,218px);justify-content:center}.services__content{padding:6rem 0 2rem 2.5rem}.services__icon{font-size:2rem}.services__modal-content{width:500px}.testimonials{align-items:center}.project{text-align:initial}.project__bg{background:none}.project__container{background-color:var(--first-color-second);border-radius:1rem;padding:3rem 2.5rem 0;grid-template-columns:1fr max-content;column-gap:3rem}.project__data{padding-top:.8rem}.footer__container{grid-template-columns:repeat(3,1fr)}.footer__bg{padding:3rem 0 3.5rem}.footer__links{flex-direction:row;column-gap:2rem}.footer__socials{justify-self:flex-end}.footer__copy{margin-top:4.5rem}}@media screen and (min-width: 968px){.header,.main,.footer__container{padding:0}.home__blob{width:280px}.home__title{font-size:37px}.home__social{transform:translate(-6rem)}.button--white{bottom:-4.5rem}}