@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap";body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height: 3rem;--hue: 0;--sat: 0%;--title-color: hsl(var(--hue), var(--sat), 20%);--title-color-dark: hsl(var(--hue), var(--sat), 0%);--text-color: hsl(var(--hue), var(--sat), 46%);--body-color: hsl(var(--hue), var(--sat), 98%);--container-color: #fff;--body-font: "Poppins", sans-serif;--big-font-size: 3.5rem;--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;--tiny-font-size: .625rem;--font-normal: 400;--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 (max-width: 992px){:root{--big-font-size: 2.75rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color)}h1,h2,h3{color:var(--title-color)}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.section{padding:6rem 0 2rem}.section__title{font-size:var(--h1-font-size);color:var(--title-color)}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:4rem}.section__title,.section__subtitle{text-align:center}.container{max-width:968px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:1.5rem}.button{display:inline-block;background-color:var(--title-color);color:var(--container-color);padding:1.25rem 2rem;border-radius:1rem;font-weight:var(--font-medium)}.button:hover{background-color:var(--title-color-dark)}.button__icon{margin-left:var(--mb-0-5)}.button--flex{display:inline-flex;align-items:center}@media screen and (max-width: 992px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.button{padding:1rem 1.75rem}.button__icon{width:22px;height:22px}}@media screen and (max-width: 768px){.section{padding:2rem 0 4rem}}@media screen and (max-width: 350px){:root{--big-font-size: 2.25rem}.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}.nav{height:calc(var(--header-height) + 1.5rem);display:flex;justify-content:space-between;align-items:center;column-gap:1rem}.nav__logo,.nav__toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav__list{display:flex;column-gap:2rem}.nav__link{display:flex;flex-direction:column;align-items:center;font-size:var(--small-font-size);font-weight:var(--font-medium);transition:.3s}.nav__icon,.nav__close,.nav__toggle{display:none}.active-link,.nav__link:hover{color:var(--title-color-dark)}.scroll-header{background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media screen and (max-width: 768px){.header{top:initial;bottom:0}.nav{height:var(--header-height)}.nav__menu{position:fixed;bottom:-100%;left:0;width:100%;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem 1.5rem 4rem;box-shadow:0 -1px 4px #00000026;border-radius:1.5rem 1.5rem 0 0;transition:.3s}.show-menu{bottom:0}.nav__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nav__icon{font-size:1.2rem}.nav__close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--title-color)}.nav__close:hover{color:var(--title-color-dark)}.nav__toggle{font-size:1.1rem;cursor:pointer}.nav__icon,.nav__close,.nav__toggle{display:block}}.section{cursor:none}.home__container{row-gap:7rem}.home__content{display:grid;grid-template-columns:116px 1fr 1fr;padding-top:5.5rem;column-gap:2rem;align-items:center}.home__social-icon img{width:22px;height:22px;display:block;margin:6px 0;filter:grayscale(100%) brightness(0);transition:transform .3s ease,filter .3s ease}.home__social-icon img:hover{transform:scale(1.2);filter:grayscale(0%) brightness(1)}.cursor{background-color:#c4dfdf;height:32px;width:32px;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;mix-blend-mode:darken}.home__social{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;position:relative!important;left:0!important;z-index:10!important;margin-top:0!important;margin-bottom:0!important}.home__social-icon{font-size:1.25rem;color:var(--title-color)}.home__social-icon:hover{color:var(--title-color-dark)}.home__title{font-size:32px;margin-bottom:var(--mb-0-25)}.home__hand{width:38px;height:38px;margin-left:.4rem}.home__subtitle{position:relative;font-size:var(--h3-font-size);padding-left:5.4rem;font-weight:var(--font-normal);margin-bottom:var(--mb-1)}.home__subtitle:before{content:"";position:absolute;width:70px;height:1px;background-color:var(--text-color);left:0;top:1rem}.home__description{max-width:400px;margin-bottom:var(--mb-3)}.home__img{background:url(/assets/pfp-CR7wTOQT.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 9px #ffffff4d;order:1;justify-self:center;width:300px;height:300px;animation:profile__animate 8s ease-in-out infinite 1s}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home__scroll{margin-left:9.25rem}.wheel{animation:scroll 2s ease infinite}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home__scroll-name{color:var(--title-color);font-weight:var(--font-medium);margin-right:var(--mb-0-25);margin-left:2px}.home__scroll-arrow{font-size:1.25rem;color:var(--title-color)}@media screen and (max-width: 992px){.home__content{grid-template-columns:100px repeat(2,1fr);column-gap:1.25rem}.home__hand{width:26px;height:26px}.home__subtitle{padding-left:3.75rem;margin-bottom:var(--mb-1)}.home__subtitle:before{width:42px;top:.8rem}.home__description{max-width:initial;margin-top:var(--mb-2-5)}.home__img{width:250px;height:250px;box-shadow:inset 0 0 0 8px #ffffff4d}.home__scroll{margin-left:7.5rem}}@media screen and (max-width: 768px){.home__content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home__img{order:initial;justify-self:initial}.home__data{grid-column:1/3}.home__img{box-shadow:inset 0 0 0 6px #ffffff4d;width:200px;height:200px}.home__scroll{display:none}}.section__title{font-size:2.75rem}.about__container{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:4rem}.about__img{width:450px;border-radius:1.5rem;justify-self:center}.about__info{display:grid;justify-content:center;grid-template-columns:repeat(3,140px);gap:.5rem;margin-bottom:var(--mb-2)}.about__box{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;text-align:center;padding:1rem 1.25rem}.about__icon{font-size:1.5rem;color:var(--title-color);margin-bottom:var(--mb-0-5)}.about__title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about__subtitle{font-size:var(--tiny-font-size)}.about__description{padding:0 4rem 0 0;margin-bottom:var(--mb-2-5)}@media screen and (max-width: 992px){.about__container{grid-template-columns:1fr;row-gap:2.5rem}.about__img{width:220px}.about__box{padding:.75rem .5rem}.about__data{text-align:center}.about__description{padding:0 5rem;margin-bottom:2rem}}@media screen and (max-width: 576px){.about__info{grid-template-columns:repeat(3,1fr)}.about__description{padding:0}}@media screen and (max-width: 350px){.about__info{grid-template-columns:repeat(2,1fr)}}.head-text{color:var(--title-color);// font-size: 2.25rem}.skills.section{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem}.app__skills{flex:1;width:100%;display:flex;flex-direction:column}.app__skills-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 900px){.app__skills-container{width:100%;flex-direction:column}}.app__skills-list{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2.5rem 2rem;place-items:center;margin:0 auto}@media screen and (max-width: 900px){.app__skills-list{margin-right:0;justify-content:center;align-items:center}}.app__skills-item{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin:1rem;transition:all .3s ease-in-out}.skill-icon-bg{background:#fff;border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #5050501a,0 1.5px 6px #50505014;margin:0 auto 10px;transition:box-shadow .2s,transform .2s;padding:8px}.skill-icon-bg:hover{box-shadow:0 12px 32px #5050502e,0 3px 12px #5050501f;transform:translateY(-4px) scale(1.05)}.skill-icon{width:60px;height:60px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.04))}.skill-name{text-align:center;font-weight:600;font-size:1.1rem;margin-top:.5rem;color:#444;letter-spacing:.01em}@media screen and (min-width: 2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width: 450px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{font-weight:500;margin-top:.5rem}@media screen and (min-width: 2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}@media screen and (max-width: 900px){.app__skills-exp{margin-top:2rem;margin-left:2rem}}.app__skills-exp-item{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.app__skills-exp-works{flex:1}.app__skills-exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;cursor:pointer}.app__skills-exp-work h4{font-weight:500}.app__skills-exp-work p{font-weight:400;color:var(--gray-color);margin-top:5px}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{font-weight:800;color:var(--secondary-color)}@media screen and (max-width: 450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{max-width:300px!important;background-color:var(--white-color)!important;box-shadow:0 0 25px #0000001a!important;border-radius:5px!important;padding:1rem!important;color:var(--gray-color)!important;text-align:center!important;line-height:1.5!important;opacity:1!important}@media screen and (min-width: 2000px){.skills-tooltip{font-size:1.75rem!important;max-width:500px!important;line-height:2!important}}.head-text{font-size:2.75rem;font-weight:800;text-align:center;color:#000;text-transform:capitalize}.app__works{flex:1;width:100%;display:flex;flex-direction:column}.app__work-filter{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin:4rem 0 2rem}.app__work-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:#fff;color:#000;font-weight:800;cursor:pointer;transition:all .3s ease;margin:.5rem}.app__work-filter-item:hover{background-color:#0009;color:#fff}@media screen and (min-width: 2000px){.app__work-filter-item{padding:1rem 2rem;border-radius:.85rem}}.item-active{background-color:#0009;color:#fff}.app__work-portfolio{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.app__work-item{width:270px;display:flex;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;background-color:#fff;color:#000;cursor:pointer;transition:all .3s ease}.app__work-item:hover{box-shadow:0 0 45px #0003}@media screen and (min-width: 2000px){.app__work-item{width:470px;padding:1.25rem;border-radius:.75rem}}@media screen and (max-width: 300px){.app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{width:100%;height:220px;object-fit:cover;border-radius:12px 12px 0 0;display:block;background:#f3f3f3}@media screen and (min-width: 2000px){.app__work-img{height:350px}}.app__work-hover{position:absolute;inset:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;border-radius:.5rem;opacity:0;transition:all .3s ease}.app__work-hover div{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#00000080;color:#fff;margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer;transition:all .3s ease}.app__work-hover div svg{width:50%;height:50%;color:#fff}.app__work-content{padding:.5rem;width:100%;position:relative;display:flex;flex-direction:column}.app__work-content h4{margin-top:1rem;line-height:1.5}@media screen and (min-width: 2000px){.app__work-content h4{margin-top:3rem}}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;border-radius:10px;background-color:#fff;top:-25px}.qualification__container{max-width:768px}.qualification__tabs{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.qualification__button{font-size:var(--h3-font-size);font-weight:var(--font-medium);color:var(--title-color);margin:0 var(--mb-1);cursor:pointer}.qualification__button:hover{color:var(--title-color-dark)}.qualification__icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.qualification__active{color:var(--title-color-dark)}.qualification__section{display:grid;grid-template-columns:.5fr;justify-content:center}.qualification__content{display:none}.qualification__content-active{display:block}.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);margin-bottom:var(--mb-1)}.qualification__calendar{font-size:var(--small-fonr-size)}.qualification__rounder{display:inline-block;width:13px;height:13px;background-color:var(--text-color);border-radius:50%}.qualification__line{display:block;width:1px;height:100%;background-color:var(--text-color);transform:translate(6px,-7px)}@media screen and (max-width: 992px){.qualification__container{margin-left:auto;margin-right:auto}}@media screen and (max-width: 768px){.qualification__container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width: 576px){.qualification__section{grid-template-columns:initial}.qualification__button{margin:0 var(--mb-0-75)}}@media screen and (max-width: 350px){.qualification__data{gap:.5rem}}.app__testimonial{flex:1;width:100%;display:flex;flex-direction:column}.app__testimonial-item{margin-left:auto;margin-right:auto;margin-top:30px;width:50%;min-height:280px;background-color:#fff;display:flex;flex-direction:row;padding:2rem;border-radius:15px;box-shadow:0 0 30px #0000001a;transition:all .3s ease-in-out}.app__testimonial-item img{width:100px;height:100px;border-radius:50%;object-fit:cover}@media screen and (min-width: 2000px){.app__testimonial-item{min-height:450px}.app__testimonial-item img{width:150px;height:150px}}@media screen and (max-width: 850px){.app__testimonial-item{width:100%}}@media screen and (max-width: 600px){.app__testimonial-item{flex-direction:column}}.app__testimonial-content{flex:1;height:70%;padding:0 2rem;text-align:left;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.app__testimonial-content p{font-size:1.25rem;line-height:2rem;color:var(--title-color-dark);font-family:var(--font-base)}@media screen and (min-width: 2000px){.app__testimonial-content p{font-size:2rem;line-height:3.5rem}}.app__testimonial-content h4{font-weight:600;color:var(--title-color);margin-top:2rem}.app__testimonial-content h5{font-weight:400;color:var(--gray-color);margin-top:5px}@media screen and (max-width: 600px){.app__testimonial-content{margin-top:2rem;padding:0}}.app__testimonial-btns{display:flex;justify-content:center;flex-direction:row;margin-top:1rem}.app__testimonial-btns div{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#fff;margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__testimonial-btns div:hover{background-color:#2a55d3}.app__testimonial-btns div:hover svg{color:#fff}@media screen and (min-width: 2000px){.app__testimonial-btns div{width:100px;height:100px}.app__testimonial-btns div svg{width:45px;height:45px}}.app__testimonial-brands{display:flex;align-items:center;justify-content:center;width:968px;flex-wrap:wrap;margin-top:2rem}.app__testimonial-brands div{width:120px;margin:1.5rem}.app__testimonial-brands div img{width:100%;height:auto;object-fit:cover;filter:grayscale(1)}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width: 2000px){.app__testimonial-brands div{width:210px;margin:2rem}}@media screen and (max-width: 450px){.app__testimonial-brands div{width:120px;margin:1rem}}@media screen and (max-width: 800px){.app__testimonial-brands{width:100%}}.app__footer{flex:1;width:100%;display:flex;flex-direction:column}@media screen and (max-width: 768px){.app__footer{flex-direction:column}}.head-text{color:var(--title-color)}.app__footer-cards{margin-left:auto;margin-right:auto;margin-top:4rem;margin-bottom:2rem;width:60%;display:flex;position:relative;bottom:45px;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.app__footer-card{min-width:290px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0;padding:1rem;border-radius:10px;cursor:pointer;background-color:#f8e7e8;transition:all .3s ease-in-out}.app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-card p{font-weight:500}.app__footer-card a{color:#5b5858;font-size:small;text-decoration:none;font-weight:500}.app__footer-card:hover{box-shadow:0 0 25px #c1babb}@media screen and (max-width: 450px){.app__footer-card{width:100%}}@media screen and (max-width: 768px){.app__footer-cards{width:80%}}.app__footer-cards .app__footer-card:last-child{background-color:#d4e2ee}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 25px #bfd9ee}.app__footer-form{margin-left:auto;margin-right:auto;position:relative;bottom:80px;width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__footer-form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;background-color:var(--primary-color);transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;background-color:#edf2f8;font-family:var(--font-base);color:var(--secondary-color);outline:none}.app__footer-form div textarea{height:170px}.app__footer-form div:hover{box-shadow:0 0 25px #d9c7c7}.app__footer-form button{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;border-radius:10px;border:none;background-color:var(--title-color);font-weight:500;color:var(--container-color);outline:none;margin:2rem 0 0;font-family:var(--font-base);transition:all .5s ease-in-out;cursor:pointer}.app__footer-form button:hover{background-color:#2430af}@media screen and (max-width: 768px){.app__footer-form{width:80%;margin-left:auto;margin-right:auto}}.footer{background-color:var(--container-color);border-top:1px solid rgba(0,0,0,.1)}.footer__container{padding:2rem 0 6rem}.footer__title,.footer__link{color:var(--title-color)}.footer__title{text-align:center;margin-bottom:var(--mb-2)}.footer__link:hover{color:var(--title-color-dark)}.footer__list{display:flex;justify-content:center;column-gap:1.5rem;margin-bottom:var(--mb-2)}.footer__social{display:flex;justify-content:center;column-gap:1.25rem}.footer__social-link{background-color:var(--title-color);color:var(--container-color);font-size:1.125rem;padding:.4rem;border-radius:.5rem;display:inline-flex}.footer__social-link:hover{background-color:var(--title-color)}.footer__copy{display:block;margin-top:4.5rem;color:var(--title-color);text-align:center;font-size:var(--smaller-font-size)}@media screen and (max-width: 992px){.footer__social-link{padding:.25rem;border-radius:.25rem;font-size:1rem}}.scrollup{position:fixed;right:2.5rem;bottom:-20%;color:#fff;background-color:var(--title-color);opacity:.8;padding:.3rem .5rem;border-radius:.4rem;z-index:var(--z-tooltip);transition:.4s}.scrollup icon{font-size:1.5rem;color:var(--container-color)}.scrollup:hover{background-color:var(--title-color-dark)}.show-scroll{bottom:3rem}@media screen and (max-width: 992px){.scrollup{right:1.5rem;padding:.25rem .4rem}.scrollup__icon{font-size:1.25rem}}@media screen and (max-width: 768px){.show-scroll{bottom:4rem}}@media screen and (max-width: 350px){.scrollup{right:1rem}}