@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap";:root{--primary-color: hsl(0, 0%, 83%);--title-color: hsl(0, 0%, 100%);--text-color: hsl(0, 0%, 92%);--bg-color: hsl(0, 0%, 8%);--bg-color-alt: hsl(0, 0%, 13%);--container-color: hsl(0, 0%, 18%);--border-color: hsl(210, 2%, 65%);--js-color-icon: #F0DB4F;--ts-color-icon: #719AF4;--react-color-icon: #61DAFB;--angular-color-icon: #B52E31;--bootstrap-color-icon: #563D7C;--styled-color-icon: #B37399;--jquery-color-icon: #2962FF;--node-color-icon: #83CD29;--first-gradient: linear-gradient( 0deg, var(--bg-color-alt) 0%, var(--bg-color) 100% );--second-gradient: linear-gradient( 180deg, var(--bg-color-alt) 0%, var(--bg-color) 100% );--third-gradient: linear-gradient( 180deg, var(--bg-color) 0%, var(--bg-color) 100% );--body-font: "Poppins", sans-serif;--second-font: "Caveat", cursive;--biggest-font-size: clamp(2.25rem, 1.3333rem + 4.1905vw, 5rem);--h1-font-size: clamp(1.75rem, 1.4167rem + 1.5238vw, 2.75rem);--h2-font-size: 1.875rem;--h3-font-size: 1.75rem;--h4-font-size: 1.5rem;--h5-font-size: 1.375rem;--largest-font-size: clamp(1rem, .875rem + .5714vw, 1.375rem);--larger-font-size: 1.25rem;--large-font-size: 1.125rem;--normal-font-size: 1rem;--small-font-size: .9375rem;--smaller-font-size: .875rem;--tiny-font-size: .8125rem;--shadow: 5px 5px rgb(255 255 255 /10%);--transition: cubic-bezier(.3, 0, .3, 1)}.light-theme{--primary-color: hsl(0, 0%, 23%);--title-color: #000;--text-color: #1d1d1d;--bg-color: #fafafa;--bg-color-alt: #fafafa;--container-color: #eeeeee;--border-color: #000;--shadow: 5px 5px rgb(0 0 0 /20%)}.light-theme .home__title{color:#fff}*{margin:0;padding:0;box-sizing:border-box}button,input,body{font-family:var(--body-font);font-size:var(--normal-font-size)}body{color:var(--text-color);background-color:var(--bg-color);min-width:360px;margin:auto}body.no-scroll{overflow:hidden}h1,h2,h3{color:var(--title-color);font-weight:700}ul{list-style:none}p{line-height:1.7}a{text-decoration:none}input,textarea,button{border:none;outline:none;background:transparent}button{cursor:pointer}img{max-width:100%}.main{overflow:hidden}.container{max-width:1250px;padding-inline:2.75rem;margin-inline:auto}.grid{display:grid;gap:1.5rem}.text-cs{text-transform:uppercase;letter-spacing:.05em}.btn,.hero__link{color:var(--title-color);font-size:var(--tiny-font-size);font-weight:700;height:3.5rem;display:grid;place-items:center;position:relative;z-index:1}.btn{border:2px solid var(--border-color);padding-inline:1.5rem;border-radius:3.5rem;box-shadow:var(--shadow)}.btn:before{content:"";position:absolute;inset:2px;background-color:var(--primary-color);border-radius:inherit;transform:scale(.3);filter:blur(10px);opacity:0;transition:all .7s var(--transition);z-index:-1}.btn:hover:before{transform:scale(1);filter:blur(0);opacity:1}.btn-icon{display:flex;justify-content:center;gap:.5rem;font-size:var(--smaller-font-size)}.btn-icon svg{font-size:var(--larger-font-size)}.shape{position:absolute;filter:invert(1);opacity:.3}.section{padding-bottom:220px;position:relative}.section__title,.section__subtitle{text-align:center}.section__title{font-size:var(--h1-font-size)}.section__subtitle{color:var(--primary-color);font-size:var(--smaller-font-size);text-transform:uppercase;font-weight:700;margin-bottom:3.75rem}.section__subtitle span{font-family:var(--second-font);color:var(--title-color);font-size:var(--h3-font-size);text-transform:capitalize;margin-left:.625rem}.card{background-color:var(--container-color);overflow:hidden;text-align:left}.card-one{padding:1.9rem 2.2rem;border-radius:1.125rem}.card-two{padding:1rem;border-radius:1.25rem}.link{display:inline-flex;align-items:center;color:var(--title-color);font-weight:700}.link__icon{color:var(--primary-color);margin-left:1.25rem;transition:all .3s var(--transition)}.link:hover .link__icon{margin-left:1rem}.section__deco{position:absolute;top:50%;transform:translateY(-50%);width:2px;height:70%;background-color:var(--border-color);z-index:1}.deco__right{right:3%}.deco__left{left:3%}.section__deco:before,.section__deco:after{content:"";position:absolute;left:50%;width:1.9rem;height:1.9rem;border-radius:50%;background-color:var(--bg-color);border:2px solid var(--border-color);box-shadow:var(--shadow)}.section__deco:before{top:0;transform:translate(-50%,-100%)}.section__deco:after{bottom:0;transform:translate(-50%,100%)}.header{position:absolute;top:0;width:100%;padding:1.9rem;z-index:100}.scroll-header{position:fixed;background-color:var(--bg-color-alt);animation:header_animate .8s var(--transition) 0s forwards}@keyframes header_animate{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.nav{display:flex;justify-content:space-between}.nav__logo{color:var(--title-color);font-size:var(--h5-font-size);font-weight:700;cursor:pointer}.nav__menu{position:fixed;top:0;right:0;width:0;height:100vh;display:flex;background-color:var(--bg-color-alt);transition:all 1s var(--transition);z-index:10}.show__menu{width:512px}.nav__data{padding:5rem 5.25rem 0 9.625rem;margin:auto;width:100%}.nav__list{margin-bottom:2.5rem}.nav__list li{margin-bottom:1.25rem}.nav__link{color:var(--title-color);font-size:var(--h5-font-size);font-weight:700;cursor:pointer;transition:all .3s var(--transition)}.active,.nav__link:hover{color:var(--primary-color)}.header__socials{display:flex;column-gap:1.25rem;margin-bottom:1.875rem}.header__social-link{color:var(--title-color);font-size:var(--h3-font-size);transition:all .7s var(--transition)}.header__social-link:hover{color:var(--primary-color)}.nav__btns{display:flex;align-items:center;column-gap:2.5rem}.theme__toggle{font-size:var(--h4-font-size);display:flex;align-items:center}.nav__toggle{height:1.9rem;width:1.75rem;position:relative;z-index:100}.theme__toggle,.nav__toggle{cursor:pointer}.nav__toggle span{position:absolute;left:0;width:100%;height:2px;background-color:var(--title-color);transition:all .5s var(--transition)}.nav__toggle span:first-child{top:.5rem}.nav__toggle span:last-child{bottom:.5rem}.animate__toggle span:first-child{transform:rotate(-45deg);top:.875rem}.animate__toggle span:last-child{transform:rotate(45deg);bottom:.875rem}.header__deco{left:75px}.home{background-image:var(--first-gradient);min-height:100vh;display:grid;align-items:center;padding-bottom:180px}.home__wrapper{min-height:100vh;display:grid;align-items:center}.home__container{width:100%;position:relative}.home__subtitle,.home__job{font-weight:700}.home__subtitle,.home__job span{font-size:var(--small-font-size);color:var(--title-color)}.home__subtitle span,.home__title span{color:var(--primary-color)}.home__job b{font-family:var(--second-font);font-size:var(--h2-font-size);margin-left:.625rem}.home__title{font-size:var(--biggest-font-size);text-shadow:2px 2px hsl(0,0%,0%),-2px 2px hsl(0,0%,0%),2px -2px hsl(0,0%,0%),-2px -2px hsl(0,0%,0%),5px 5px 0 rgb(0 0 0 / 20%);line-height:1.2;margin-top:1rem}.home__text{font-size:var(--large-font-size);margin-block:2.5rem 1.75rem;max-width:520px}.home__socials{display:flex;column-gap:1.25rem;margin-bottom:1.875rem}.home__social-link{color:var(--title-color);font-size:var(--h3-font-size);transition:all .7s var(--transition)}.home__social-link:hover{color:var(--primary-color)}.home__btns{display:flex;column-gap:4.375rem}.hero__link:before{content:"";position:absolute;top:50%;left:-70%;transform:translateY(-50%);width:2.5rem;height:2px;background-color:var(--border-color)}.home__img-wrapper{position:absolute;top:25%;right:0;transform:translateY(-10%);width:100%;max-width:550px}.home__banner{background-color:var(--primary-color);padding-bottom:100%;border-radius:50%;position:relative;z-index:1;overflow:hidden}.home__profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;border-radius:50%}.home__data{border:2px solid var(--border-color);background:var(--container-color);box-shadow:var(--shadow);padding-inline:1.25rem;width:250px;height:5.125rem;border-radius:5.125rem;display:flex;align-items:center;position:absolute;z-index:1}.home__data-one{bottom:20%;left:-4%}.home__data-two{bottom:12%;right:6%}.home__data .text-lg,.home__data .text-sm{width:50%;color:var(--title-color);font-weight:700}.home__data .text-lg{text-align:center;font-size:2.32rem}.home__data .text-sm{font-size:.82rem;line-height:1.5em}.home__data .text-lg b,.home__data .text-sm span{color:var(--primary-color)}.home__data .text-lg b{position:relative;top:-4px}.shape__1{width:10rem;height:10rem;top:-18%;right:0}.shape__2,.shape__3{width:150px;height:150px}.shape__2{bottom:8%;left:-16%}.shape__3{bottom:0%;right:-2%}@media (min-width: 768px){.home__profile{width:100%}}@media (max-width: 767px){.home__profile{width:100%}}.services{background-image:var(--second-gradient)}.services__container{display:flex;flex-flow:row wrap;justify-content:center;gap:2rem}.services__item{max-width:320px;padding:2rem;transition:all .5s ease-in;border:2px solid var(--container-color)}.services__item:hover{border:2px solid var(--primary-color)}.services__subtitle{color:var(--primary-color);font-size:var(--tiny-font-size);font-weight:700;margin-bottom:4rem;display:block}.services__title{font-size:var(--h4-font-size);margin-bottom:1rem}.services__description{min-height:110px}.skills{background-image:var(--second-gradient)}.skills__container{width:80%;grid-template-columns:repeat(4,1fr);row-gap:2rem;padding:2rem 0}.skills__item{padding-block:1.5rem;background-color:var(--container-color);border:2px solid var(--bg-color-alt);border-radius:.5rem;transition:all .5s ease-in}.skills__item:hover{border:2px solid var(--primary-color)}.skills__name{font-size:var(--largest-font-size);text-align:center}.skills__image{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.skills__image svg{height:60px;width:60px}#js{color:var(--js-color-icon)}#ts{color:var(--ts-color-icon)}#react{color:var(--react-color-icon)}#angular{color:var(--angular-color-icon)}#bootstrap{color:var(--bootstrap-color-icon)}#styled{color:var(--styled-color-icon)}#jquery{color:var(--jquery-color-icon)}#node{color:var(--node-color-icon)}.portfolio{background-image:var(--first-gradient)}.portfolio__list{display:flex;justify-content:center;flex-wrap:wrap;row-gap:1rem;column-gap:2.5rem;margin-bottom:3.75rem}.portfolio__list--item{color:var(--title-color);font-size:var(--tiny-font-size);font-weight:700;position:relative;transition:all .7s var(--transition)}.portfolio__list--item:before{content:"";width:0;height:2px;max-width:60%;background-color:var(--primary-color);position:absolute;bottom:-.75rem;left:0;transition:all .3s var(--transition)}.active-work{color:var(--primary-color)}.active-work:before,.portfolio__list--item:hover:before{width:2.5rem}.portfolio__container{grid-template-columns:repeat(3,1fr);gap:2.5rem}.portfolio__img--wrapper{border-radius:1.2rem;overflow:hidden}.portfolio__img{height:240px;width:100%;object-fit:cover;vertical-align:middle;transition:all .6s var(--transition)}.portfolio__items:hover .portfolio__img{transform:scale(1.4)}.portfolio__category{color:var(--primary-color);font-size:var(--tiny-font-size);font-weight:700;margin-bottom:5px;display:block}.portfolio__category,.portfolio__description{margin-block:1rem}.portfolio__title{font-size:var(--h4-font-size)}.portfolio__description{min-height:125px;font-size:var(--normal-font-size)}.portfolio__link--wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.resume{background-image:var(--second-gradient)}.resume__container{grid-template-columns:repeat(2,1fr)}.resume__heading{text-align:center;font-size:var(--h4-font-size);padding-bottom:1.9rem}.resume__heading,.resume__item{border-bottom:2px solid var(--border-color)}.resume__item:not(:first-child){border-right:2px solid var(--border-color)}.resume__item{position:relative}.resume__header{padding:2rem 1.9rem}.resume__subtitle{font-size:var(--largest-font-size);cursor:pointer}.resume__icon{background-color:var(--container-color);border:2px solid var(--border-color);font-size:var(--h2-font-size);box-shadow:var(--shadow);width:3rem;height:3rem;border-radius:50%;line-height:1.3em;text-align:center;cursor:pointer;position:absolute;right:-24px;bottom:-24px;z-index:10;transition:all 1.2s var(--transition)}.resume__content{padding-inline:1.9rem 3.125rem;max-height:0;overflow:hidden;transition:all 1s ease 0s}.show-content{max-height:500px}.resume__date--title{display:flex;justify-content:space-between;align-items:center}.resume__title{font-family:var(--second-font);font-size:var(--h3-font-size);color:var(--primary-color)}.resume__date{color:var(--title-color);font-size:var(--tiny-font-size);font-weight:700}.resume__description{margin-block:1.25rem 1.9rem}.contact{background-image:var(--third-gradient)}.contact__container{grid-template-columns:5fr 7fr}.contact__card{padding-left:8.125rem;margin-bottom:2.5rem;position:relative}.contact__card--icon,.contact__form--input{border:2px solid var(--border-color);background-color:var(--container-color)}.contact__card--icon{position:absolute;top:0;left:0;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:var(--shadow);font-size:var(--larger-font-size);display:grid;place-items:center}.contact__card--icon:after{content:"";width:2.5rem;height:2px;background-color:var(--border-color);position:absolute;left:100%;top:50%;margin-top:-1px}.contact__card--title{font-size:var(--h2-font-size);font-family:var(--second-font);padding-block:6px}.contact__form--group{grid-template-columns:repeat(2,1fr);column-gap:1.9rem}.contact__form--div{display:grid;row-gap:.625rem;margin-bottom:1.9rem}.contact__form--tag{margin-left:1.9rem;font-size:var(--smaller-font-size);font-weight:700}.contact__form--tag b{color:var(--primary-color)}.contact__form--input{color:var(--title-color);height:3.75rem;border-radius:1.9rem;padding-inline:1.9rem}.contact__form--area .contact__form--input{height:8.75rem;padding-block:1.25rem;resize:none}.contact__submit{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;column-gap:1.9rem;row-gap:1rem}.footer{border-top:1px solid rgba(255,255,255,.05);padding-block:3.75rem}.footer__container{grid-template-columns:repeat(3,1fr);align-items:center}.footer__socials{display:flex;column-gap:1.25rem}.footer__social-link{color:var(--title-color);font-size:var(--h3-font-size);transition:all .7s var(--transition)}.footer__social-link:hover{color:var(--primary-color)}.footer__copyright:nth-child(2){justify-self:center}.footer__copyright:nth-child(3){justify-self:flex-end}.footer__copyright{font-size:var(--tiny-font-size);font-weight:700}.footer__container span{color:var(--primary-color)}@media screen and (max-width: 1300px){.section__deco:not(.header__deco){display:none}.header{padding:1.875rem .75rem}.home__img-wrapper{max-width:500px;transform:translateY(-6%)}.home__profile{height:auto;right:0}.home__data{transform:scale(.9)}.shape__3{bottom:-9%;right:-10%}}@media screen and (max-width: 1150px){.container{max-width:960px}.home{padding-top:140px}.home__subtitle,.home__title,.home__job,.home__text{text-align:center}.home__text{margin-inline:auto}.home__img-wrapper{position:relative;transform:initial;right:initial;margin-inline:auto;margin-top:140px}.home__socials,.home__btns{justify-content:center}.portfolio__container{grid-template-columns:repeat(2,1fr)}.footer__copyright:nth-child(2){justify-self:start}}@media screen and (max-width: 1000px){:root{--h2-font-size: 1.5rem;--h3-font-size: 1.4rem;--h4-font-size: 1.3rem;--h5-font-size: 1.2rem;--largest-font-size: 1.15rem;--larger-font-size: 1.125rem;--large-font-size: 1rem;--normal-font-size: .9375rem;--small-font-size: .875rem;--smaller-font-size: .8125rem;--tiny-font-size: .7rem}.container{max-width:740px}.home__btns{flex-direction:column;align-items:center;row-gap:3.75rem}.hero__link:before{left:50%;top:-72%;transform:translate(-50%);width:2px;height:2.5rem}.portfolio__container{grid-template-columns:repeat(1,450px);justify-content:center}.resume__container{grid-template-columns:1fr;row-gap:2.5rem}.resume__icon{width:2.5rem;height:2.5rem}.contact__form--group{grid-template-columns:1fr;row-gap:0}.contact__card--icon{font-size:var(--largest-font-size);width:2.5rem;height:2.5rem}.contact__card--icon:after{width:2rem}.contact__card{padding-left:6.25rem}.footer__container{grid-template-columns:1fr;justify-items:center;row-gap:.75rem}.footer__copyright:nth-child(2),.footer__copyright:last-child{justify-self:center}}@media screen and (max-width: 778px){.header{padding:1.5rem .75rem}.nav__data{padding:5rem 0 0 7.75rem}.show__menu{width:420px}.header__deco{left:3.75rem}.container{max-width:540px}.home__img-wrapper{margin-top:7.5rem;max-width:400px}.home__data{transform:scale(.6)}.home__data--one{left:-12%}.home__data--two{right:-7%}.shape__1{width:6.25rem;height:6.25rem;right:-5%}.shape__2,.shape__3{width:5rem;height:5rem}.shape__2{bottom:10%;left:-10%}.shape__3{bottom:4%;right:-5%}.contact__content{width:100%}.contact__container{width:100%;padding:0 1rem;grid-template-columns:1fr}.skills__container{grid-template-columns:repeat(3,1fr)}.portfolio__list{column-gap:1.5rem}.portfolio__list--item:before{bottom:-.5rem}.footer{text-align:center}}@media screen and (max-width: 580px){.show__menu{width:100%}.nav__btns{column-gap:1.5rem}.home__img--wrapper{margin-top:6.25rem}.resume__container{max-width:480px}.resume__header{padding:1.75rem 1.5rem}.resume__content{padding-inline:1.5rem 1.9rem}.resume__date--title{flex-direction:column;align-items:flex-start;row-gap:4px}.skills__container{grid-template-columns:repeat(2,1fr)}.portfolio__container{grid-template-columns:1fr}.portfolio__link--wrapper{flex-flow:row wrap;gap:1.5rem}.portfolio__link--wrapper a{width:100%}}@media screen and (max-width: 500px){.nav__data{padding:5rem 0 0 5.625rem}.header__deco{left:2.5rem}.home__img--wrapper{margin-top:5rem}.home__data{transform:scale(.5)}.home__data--one{bottom:18%;left:-18%}.home__data--two{bottom:0;right:12%}.card-one,.card-two{padding:1.5rem}.portfolio__img{height:180px}.resume__header{padding:1.5rem 1.1rem}.resume__container{max-width:400px}.resume__content{padding-inline:1.1rem 1.25rem}}@media screen and (max-width: 450px){.resume__container{max-width:350px}.portfolio__link--wrapper{gap:1rem;margin-top:1rem}}