.theme-toggle{border:1px solid var(--lightGray-color);background-color:var(--white-color);width:2.25rem;height:2.25rem;color:var(--gray-color);cursor:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:1rem;transition:all .3s ease-in-out;display:flex}.theme-toggle svg{width:1.125rem;height:1.125rem}.theme-toggle:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white-color)}.panel-header-actions .theme-toggle{margin-left:0}@media screen and (min-width:2000px){.theme-toggle{width:3rem;height:3rem}.theme-toggle svg{width:1.5rem;height:1.5rem}}
.app__navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(.5rem);border-bottom:1px solid var(--navbar-border);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;transition:background .3s,border-color .3s;display:flex;position:fixed}@media screen and (max-width:480px){.app__navbar{padding:.65rem 1rem}}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:auto;height:3rem}@media screen and (min-width:2000px){.app__navbar-logo img{height:4rem}}.app__navbar-links{flex:1;justify-content:flex-end;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:none;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:.3125rem;height:.3125rem;margin-bottom:.3125rem}.app__navbar-links li a{color:var(--gray-color);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}.app__navbar-links li:last-child{cursor:default;margin:0 0 0 .5rem}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-mobile{align-items:center;gap:.75rem;display:none}@media screen and (max-width:900px){.app__navbar-mobile{display:flex}}.app__navbar-hamburger{background:var(--secondary-color);cursor:none;z-index:200;border:none;border-radius:.6rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:2.5rem;height:2.5rem;padding:.5rem;transition:background .3s;display:flex}.app__navbar-hamburger:hover{background:color-mix(in srgb, var(--secondary-color) 80%, black)}.app__navbar-hamburger .bar{transform-origin:50%;background:#fff;border-radius:2px;width:1.1rem;height:2px;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .25s,width .25s;display:block}.app__navbar-hamburger.is-open .bar--top{transform:translateY(7px)rotate(45deg)}.app__navbar-hamburger.is-open .bar--mid{opacity:0;transform:scaleX(0)}.app__navbar-hamburger.is-open .bar--bot{transform:translateY(-7px)rotate(-45deg)}.app__navbar-backdrop{z-index:150;-webkit-backdrop-filter:blur(3px);background:#00000073;position:fixed;inset:0}.app__navbar-panel{z-index:160;background:var(--white-color);flex-direction:column;width:min(80vw,320px);height:100dvh;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-.5rem 0 2rem #0000002e}[data-theme=light] .app__navbar-panel{background-image:url(../media/bgWhite.1sk_7hx6p7d0k.png);background-repeat:repeat;background-size:cover}.app__navbar-panel-header{border-bottom:1px solid var(--navbar-border);justify-content:flex-end;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.app__navbar-panel-header .panel-header-actions{align-items:center;gap:.6rem;display:flex}.app__navbar-panel-header .panel-close{border:1px solid var(--lightGray-color);background:var(--white-color);cursor:none;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:2.25rem;height:2.25rem;transition:background .25s,border-color .25s;display:flex;position:relative}.app__navbar-panel-header .panel-close:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.app__navbar-panel-header .panel-close:hover .bar{background:#fff}.app__navbar-panel-header .panel-close .bar{background:var(--gray-color);border-radius:2px;width:1rem;height:2px;transition:background .25s;display:block;position:absolute}.app__navbar-panel-header .panel-close .bar--top{transform:rotate(45deg)}.app__navbar-panel-header .panel-close .bar--bot{transform:rotate(-45deg)}.app__navbar-panel-links{flex-direction:column;flex:1;gap:0;margin:0;padding:1.5rem 0;list-style:none;display:flex}.app__navbar-panel-links li a{text-transform:uppercase;letter-spacing:.08em;color:var(--black-color);border-left:3px solid #0000;align-items:center;gap:1rem;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s,border-color .25s,padding-left .25s;display:flex}.app__navbar-panel-links li a .link-number{color:var(--secondary-color);opacity:.7;letter-spacing:.04em;min-width:1.6rem;font-size:.65rem;font-weight:700}.app__navbar-panel-links li a:hover{color:var(--secondary-color);background:color-mix(in srgb, var(--secondary-color) 8%, transparent);border-left-color:var(--secondary-color);padding-left:2rem}.app__navbar-panel-footer{border-top:1px solid var(--navbar-border);padding:1.25rem 1.5rem}.app__navbar-panel-footer p{color:var(--gray-color);text-align:center;letter-spacing:.04em;font-size:.7rem}
.snake-cursor-canvas{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}@media screen and (min-width:1024px){body,a,button{cursor:none!important}}@media screen and (max-width:1023px){.snake-cursor-canvas{display:none!important}body,a,button{cursor:auto!important}}
.app__about{flex-direction:column;flex:1;width:100%}.app__profiles{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:2rem;display:flex}.app__profiles-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:11.875rem;margin:2rem;display:flex}.app__profiles-item img{object-fit:cover;border-radius:.9375rem;width:100%;height:10.625rem}@media screen and (min-width:2000px){.app__profiles-item{width:23.125rem;margin:2rem 4rem}.app__profiles-item img{object-fit:cover;border-radius:.9375rem;width:100%;height:20rem}}
.app__footer{flex-direction:column;flex:1;width:100%}@media screen and (max-width:768px){.app__footer{flex-direction:column}}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:60%;margin:4em 2rem 2rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:var(--card-pink);border-radius:.625rem;flex-direction:row;justify-content:flex-start;align-items:center;min-width:18.125rem;margin:1rem 0;padding:1rem;text-decoration:none;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:2.5rem;height:2.5rem;margin:0 .7rem}.app__footer-cards .app__footer-card p,.app__footer-cards .app__footer-card span{color:var(--secondary-color);font-weight:500}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 1.5625rem var(--card-pink)}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:var(--card-blue)}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 1.5625rem var(--card-blue)}.app__footer-form{flex-direction:column;width:60%;margin:1rem 2rem}.app__footer-form div{cursor:none;background-color:var(--primary-color);border-radius:.625rem;width:100%;margin:.75rem 0;transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);width:100%;font-family:var(--font-base);color:var(--secondary-color);border:none;border-radius:.4375rem;outline:none;padding:.95rem}.app__footer-form div textarea{height:10.625rem}.app__footer-form div:hover{box-shadow:0 0 1.5625rem var(--primary-color)}.app__footer-form button{background-color:var(--secondary-color);color:var(--white-color);font-weight:500;font-family:var(--font-base);cursor:none;border:none;border-radius:.625rem;outline:none;margin:2rem 0 0;padding:1rem 2rem;transition:all cubic-bezier(.55,.085,.68,.53)}.app__footer-form button:hover{background-color:var(--btn-hover)}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}.app__footer-submitted{background-color:var(--success-bg);border-radius:1.5rem;padding:2rem}.app__footer-submitted h3{color:var(--success-text)}
@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(14deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}#home{position:relative;overflow:hidden}#home:before{content:"";z-index:0;background-image:url(../media/bgIMG.3374pm5j48y6t.png);background-position:50%;background-repeat:repeat;background-size:cover;transition:background-image .3s;position:absolute;inset:0}#home>*{z-index:1;position:relative}#home.app__wrapper{padding:0}#home.app__wrapper .copyright{display:none}[data-theme=dark] #home:before{background-image:url(../media/bgDark.2bpdsam26kw97.png)}.app__header{flex-direction:row;flex:1;width:100%;height:100%;padding-top:2rem}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column;gap:0}}@media screen and (max-width:480px){.app__header{gap:1rem;padding:2rem 1rem 0}}.app__header-info{flex-direction:column;flex:.65;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:2000px){.app__header-info{width:100%;margin-right:0}}@media screen and (max-width:1200px){.app__header-info{flex:unset;height:auto}}.app__header-badge{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{border:var(--white-color);background:var(--badge-bg);width:auto;box-shadow:0 0 1.25rem var(--shadow-sm);border-radius:.9375rem;flex-direction:row;padding:1rem 2rem;font-weight:600;transition:background .3s,box-shadow .3s}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-transform:uppercase;text-align:right;width:100%;line-height:1.8}@media screen and (max-width:768px){.app__header-badge .tag-cmp{margin-top:1.25rem}}@media screen and (max-width:480px){.app__header-badge .tag-cmp{margin-top:.75rem}}.app__header-badge span{font-size:2.5rem}.app__header-badge .wave-emoji{transform-origin:70% 70%;cursor:default;-webkit-user-select:none;user-select:none;font-size:2.5rem;animation:2.2s ease-in-out infinite wave;display:inline-block}@media screen and (min-width:2000px){.app__header-badge{font-size:1.75rem}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{max-width:600px;padding:1.5rem 2.5rem}.app__header-badge .tag-cmp p{line-height:2}.app__header-badge span{font-size:3.5rem}}@media screen and (max-width:1200px){.app__header-badge{justify-content:flex-start;align-items:flex-start}}@media screen and (max-width:768px){.app__header-badge{margin-bottom:1rem}}.app__header-img{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}@media screen and (max-width:768px){.app__header-img{flex:unset;height:auto}}.app__header-img img{object-fit:contain;z-index:1;border-radius:50%;width:25rem;height:25rem}@media screen and (max-width:768px){.app__header-img img{width:18rem;height:18rem;padding:.5rem 0}}@media screen and (max-width:480px){.app__header-img img{width:15rem;height:15rem;padding:.5rem 0}}
.app__skills{flex-direction:column;flex:1;width:100%;height:100%}.app__skills-container{flex-direction:row;width:80%;margin:3rem 0;display:flex}@media screen and (max-width:900px){.app__skills-container{flex-direction:column;width:100%}}.app__skills-list{flex-wrap:wrap;flex:2;justify-content:flex-start;align-items:center;gap:3rem;margin-right:5rem;display:flex}@media screen and (max-width:900px){.app__skills-list{justify-content:center;align-items:center;margin-right:0}}.app__skills-item{text-align:center;flex-direction:column;transition:all .3s ease-in-out}.app__skills-item div{background-color:var(--skill-bg);border-radius:50%;width:5.625rem;height:5.625rem}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 1.5625rem var(--card-pink)}@media screen and (min-width:2000px){.app__skills-item div{width:9.375rem;height:9.375rem}}@media screen and (max-width:450px){.app__skills-item div{width:4.375rem;height:4.375rem}}.app__skills-item p{margin-top:.5rem;font-weight:500}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{cursor:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);margin-top:.3125rem;font-weight:400}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:480px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{background-color:var(--white-color)!important;max-width:18.75rem!important;box-shadow:0 0 1.5625rem var(--shadow-sm)!important;color:var(--gray-color)!important;text-align:center!important;opacity:1!important;border-radius:.3125rem!important;padding:1rem!important;line-height:1.5!important}@media screen and (min-width:2000px){.skills-tooltip{max-width:31.25rem!important;font-size:1.75rem!important;line-height:2!important}}
.app__testimonial{flex-direction:column;flex:1;width:100%}.app__testimonial-item{background-color:var(--white-color);width:60%;min-height:20rem;box-shadow:0 0 1.875rem var(--shadow-sm);border-radius:1.5rem;margin-top:3rem;padding:2rem;transition:all .3s ease-in-out;display:flex}.app__testimonial-item img{object-fit:cover;border-radius:50%;width:9.375rem;height:9.375rem}@media screen and (min-width:2000px){.app__testimonial-item{min-height:30rem}.app__testimonial-item img{width:12.5rem;height:12.5rem}}@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{text-align:left;flex-direction:column;flex:auto;justify-content:space-around;align-items:flex-start;height:100%;padding:0 2rem;display:flex}.app__testimonial-content p{color:var(--black-color);font-size:1.25rem;line-height:2rem;font-family:var(--font-base)}.app__testimonial-content h4{color:var(--secondary-color);margin-top:2rem;font-weight:600}.app__testimonial-content h5{color:var(--gray-color);margin-top:.3125rem;font-weight:400}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns div{background-color:var(--white-color);border-radius:50%;width:3.125rem;height:3.125rem;margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:1.25rem;height:1.25rem;color:var(--secondary-color)}.app__testimonial-btns div:hover{background-color:var(--secondary-color)}.app__testimonial-btns div:hover svg{color:var(--white-color)}.app__testimonial-brands{flex-wrap:wrap;width:80%;margin-top:2rem}.app__testimonial-brands div{width:9.375rem;margin:1.5rem}.app__testimonial-brands div img{object-fit:cover;filter:grayscale();width:100%;height:auto}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{width:12.5rem;margin:2rem}}@media screen and (max-width:480px){.app__testimonial-brands div{width:7.5rem;margin:1rem}}@media screen and (max-width:800px){.app__testimonial-brands{width:100%}}
.app__works{flex-direction:column;flex:1;width:100%}.app__work-filter{flex-flow:wrap;justify-content:center;align-items:center;margin:2rem 0 1rem;display:flex}.app__work-filter .app__work-filter-item{background-color:var(--white-color);color:var(--black-color);cursor:none;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem;font-weight:800;transition:all .3s}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:var(--inverse-text)}@media screen and (min-width:2000px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:var(--inverse-text)}.app__work-portfolio{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.app__work-portfolio .app__work-item{background-color:var(--white-color);cursor:none;border-radius:1rem;flex-direction:column;width:17.5rem;margin:2rem;padding:1rem;transition:all .3s}.app__work-portfolio .app__work-item:hover{box-shadow:0 0 1.5625rem var(--shadow-md)}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;width:30rem;padding:1.25rem}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:15rem;position:relative}.app__work-img img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}@media screen and (min-width:2000px){.app__work-img{height:21.875rem}}.app__work-hover{opacity:0;background-color:#00000080;border-radius:.5rem;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}.app__work-hover div{width:3.125rem;height:3.125rem;color:var(--inverse-text);font-family:var(--font-base);background-color:#00000080;border-radius:50%;margin:1rem;font-weight:800;transition:all .3s}.app__work-hover div svg{width:50%;height:50%;color:var(--inverse-text);fill:currentColor}.app__work-hover div:hover{background-color:var(--secondary-color)}.app__work-content{flex-direction:column;width:100%;padding:.5rem;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content .app__work-tag-container{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;margin-top:1rem}.app__work-content .app__work-tag{border:1px solid var(--tag-border);border-radius:.625rem;align-self:flex-start;padding:.1rem .5rem}.app__work-content .app__work-tag p{font-size:.6rem}
.app{background-color:var(--primary-color);font-family:var(--font-base);transition:background-color .3s}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-color)}.app__container{width:100%;min-height:100vh}.app__flex{justify-content:center;align-items:center;display:flex}.app__wrapper{flex-direction:column;flex:1;width:100%;padding:4rem 2rem 0}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 0}}.copyright{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;padding:2rem 0 0;display:flex}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text{text-align:center;color:var(--black-color);text-transform:capitalize;font-size:2.75rem;font-weight:800}.head-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{text-align:left;color:var(--gray-color);font-size:.8rem;line-height:1.5}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);text-align:left;font-size:1rem;font-weight:800}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__social{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;padding:1rem;display:flex;position:fixed;bottom:0}.app__social div{background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:.25rem 0;transition:all .3s ease-in-out;display:flex}.app__social div svg{width:.9375rem;height:.9375rem;color:var(--gray-color)}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social div{width:4.375rem;height:4.375rem;margin:.5rem 0}.app__social div svg{width:1.875rem;height:1.875rem}}.app__navigation{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.app__navigation .app__navigation-dot{background-color:var(--dot-color);border-radius:50%;width:.625rem;height:.625rem;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{width:1.25rem;height:1.25rem}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.app__footer-fullwidth{background-color:var(--primary-color);border-top:1px solid var(--lightGray-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:2rem 4rem;display:flex}@media screen and (max-width:768px){.app__footer-fullwidth{flex-direction:column;gap:1rem;padding:2rem}}.app__footer-fullwidth p{text-transform:uppercase;color:var(--gray-color);letter-spacing:1px;text-align:center;margin:0;font-size:.8rem;font-weight:500}