html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--p-20:#f5f9ff;--p-50:#f0f6ff;--p-100:#e0edff;--p-200:#c9defd;--p-300:#a7c5fb;--p-400:#84a2f6;--p-450:#54bfed;--p-500:#5473ed;--p-500-code:228, 81%, 63%;--p-600:#4a5ce3;--p-600-code:233, 73%, 59%;--p-700:#3c4ac8;--p-700-code:234, 56%, 51%;--p-800:#313ea0;--p-900:#2f3b7f;--p-900-code:231, 46%, 34%;--p-950:#1c214a;--p-950-code:233, 45%, 20%;--n-50:#f6f7f8;--n-500:#65758b;--n-600:#4b5768;--foreground-color:#fff;--main-gradient-color:linear-gradient(to right, var(--p-450), var(--p-500));--gradient-color:linear-gradient(var(--foreground-color) 10%, var(--p-100));--h1-font-size:2rem;--h1-line-height:2.25rem;--h2-font-size:1.6rem;--h2-line-height:2rem;--h3-font-size:1.266rem;--h3-line-height:1.5rem;--h4-font-size:1.125rem;--h4-line-height:1.5rem;--p-font-size:1rem;--p-line-height:1.5rem;--p-letter-spacing:.025rem;--caption-font-size:.875rem;--caption-line-height:1rem}header{margin-top:40px}.header__container{gap:40px;display:flex}.header__container p{color:var(--n-600)}.header__container span{color:var(--p-950);font-weight:600}.header__container .email-display{flex-direction:column;justify-content:center;align-items:flex-end;gap:.4rem;display:flex}.header__title{font-size:var(--h2-font-size);line-height:var(--h2-line-height);font-weight:600}.header__column--left{flex:1;align-items:center;gap:24px;display:flex}.header__column--left .header__content--left{flex-direction:column;gap:8px;display:flex}.header__column--left .header__badge_container{text-align:center;gap:6px;display:flex}.header__column--left .badge{font-size:var(--caption-font-size);line-height:var(--caption-line-hight);color:var(--p-950);background-color:var(--p-50);-webkit-line-clamp:1;border-radius:4px;-webkit-box-orient:vertical;padding:4px 12px;display:-webkit-box;overflow:hidden}.header__column--left .badge:hover{display:inline-flex}.header__column--right{flex-direction:column;flex:1;align-items:end;gap:8px;display:flex}.header__img{background-image:url(/assets/avatar-DYi9ngfZ.png);background-position:50%;background-size:cover;border-radius:100px;flex-shrink:0;width:118px;height:118px;box-shadow:inset 0 -1px 1px #ffffff80,0 4px 6px -1px #0003,0 2px 4px -2px #0003,inset 0 1px 3px #0000001a}.aboutMe__section{justify-content:center;align-items:center;max-width:1660px;margin:140px auto;display:flex;position:relative}.aboutMe__section img{width:300px;height:auto;position:absolute}.aboutMe__section img:first-child{z-index:-10;animation:6s ease-in-out infinite float;top:-20%;left:4%}.aboutMe__section img:nth-child(2){animation:7s ease-in-out 1s infinite float;bottom:-20%;right:3%}.aboutMe__container{background-color:hsla(var(--p-600-code), .1);border-radius:3rem;width:70%;padding:3rem}.aboutMe__content_container{background-color:#fff;border-radius:3rem;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:3rem 0;display:flex}.aboutMe__content_container h1{color:var(--p-600)}.aboutMe__content_container p{color:var(--n-600);padding:0 1rem}.CTA{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:90%;display:flex}.CTA a{cursor:pointer;text-align:center;border-radius:8px;width:240px;max-width:80%;padding:12px;font-weight:600;transition:all .3s}.primaryButton{color:#fff;background-color:var(--p-600);box-shadow:0 3px 6px -1px hsla(var(--p-900-code), .2), 0 1px 2px hsla(var(--p-900-code), .5)}.primaryButton:hover{background-color:var(--p-700);box-shadow:0 4px 8px hsla(var(--p-900-code), .2), 0 2px 4px hsla(var(--p-900-code), .3), 0 1px 2px hsla(var(--p-900-code), .5)}.outlineButton{border:1px solid var(--p-600);color:var(--p-600);background-color:#0000}.outlineButton:hover{box-shadow:0 4px 8px hsla(var(--p-600-code), .1), 0 2px 4px hsla(var(--p-900-code), .3)}.skills__container{flex-direction:column;gap:32px;display:flex}.skills__grid_container{grid-template-rows:repeat(2,minmax(320px,auto));grid-template-columns:repeat(3,minmax(100px,1fr));gap:12px;display:grid}.skills__grid_item_header{flex-direction:column;display:flex}.skills__grid_item_header div{gap:12px;display:flex}.skills__grid_item_header h2{font-size:var(--h2-font-size);line-height:var(--h2-line-height);text-transform:capitalize;font-weight:600}.skills__grid_item_header p{color:var(--n--500);max-width:60ch;margin-top:12px}.skills__grid_item{border:2px solid var(--p-100);background-color:var(--p-20);border-radius:24px;padding:2rem;overflow:hidden;box-shadow:0 2px 4px #1c214a1a}.skills__grid_item:first-child{background:url(/assets/cat-DQeTE_go.gif) 50%/cover no-repeat;border:none}.skills__grid_item:nth-child(2){flex-direction:column;grid-column:span 2;justify-content:space-between;display:flex}.skills__grid_item:nth-child(2) .icons_list-wrapper{gap:12px;margin-top:8px;display:flex;overflow:hidden}.skills__grid_item:nth-child(2) .icons_list-wrapper:first-child>div.icons-list{animation:30s linear infinite move-left}.skills__grid_item:nth-child(2) .icons_list-wrapper:nth-child(2)>div.icons-list{animation:30s linear infinite move-right}.skills__grid_item:nth-child(2) .icons-list{flex-shrink:0;gap:12px;min-width:100%;display:flex}.skills__grid_item:nth-child(2) .icon-badges{width:12em;font-weight:700;font-size:var(--caption-font-size);text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;gap:1.14em;padding:.6em 0;display:flex}.skills__grid_item:nth-child(2) .icon-badges img{height:2em}.skills__grid_item:nth-child(2) .icon-badges:nth-child(2n){background:var(--main-gradient-color);color:#fff}.skills__grid_item:nth-child(2) .icon-badges:nth-child(odd){border:1px solid var(--p-100);background:#fff}.skills__grid_item:nth-child(2) .icon-badges:nth-child(odd) span{background:var(--main-gradient-color);color:#0000;-webkit-background-clip:text;background-clip:text}.skills__grid_item:nth-child(3){flex-direction:column;grid-column:span 2;justify-content:space-between;display:flex}.skills__grid_item:nth-child(3) .softSkills__container{flex-wrap:wrap;flex:1;place-content:center;gap:8px;margin-top:8px;display:flex;position:relative}.skills__grid_item:nth-child(3) .softSkills_badge{border:1px solid var(--p-100);width:244px;height:36px;font-size:var(--caption-font-size);text-transform:capitalize;background-color:#fff;border-radius:24px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.skills__grid_item:nth-child(3) .softSkills_badge p{background:var(--main-gradient-color);color:#0000;-webkit-background-clip:text;background-clip:text}.skills__grid_item:nth-child(3) .softSkills_badge:first-child{top:20%;left:10%;transform:rotate(-5deg)}.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(2){bottom:10%;left:21%;transform:rotate(5deg)}.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(3){top:25%;right:20%;transform:rotate(5deg)}.skills__grid_item:nth-child(3) .softSkills_badge:nth-child(4){bottom:10%;right:5%;transform:rotate(-5deg)}.skills__grid_item:nth-child(3) .softSkills__book_icons{width:100%;height:100%;position:relative}.skills__grid_item:nth-child(3) .softSkills__book_icons img{width:40px;height:40px;position:absolute}.skills__grid_item:nth-child(3) .softSkills__book_icons img:first-child{top:10%;left:10%;transform:scaleX(-1)translateY(5px)}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(2){top:55%;left:45%;transform:rotate(140deg)}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(3){top:10%;right:20%}.skills__grid_item:nth-child(3) .softSkills__book_icons img:nth-child(4){bottom:20%;right:5%;transform:rotate(-40deg)}.skills__grid_item:nth-child(4){background:url(/assets/dog-xUzaJTN3.gif) top/cover no-repeat;border:none}.projects_container{flex-direction:column;gap:32px;display:flex}.projects__cards_container{grid-gap:32px;grid-template-columns:repeat(auto-fit,minmax(auto,340px));place-content:center;max-width:90%;margin:0 auto;display:flex}.projects_cards{border:1px solid hsla(var(--p-700-code), .1);background:var(--forground-color);box-shadow:1px 4px 6px -1px hsla(var(--p-950-code), .1), 1px 2px 4px -2px hsla(var(--p-950-code), .1);border-radius:24px;transition:all .5s;overflow:clip}.projects_cards:hover{box-shadow:0 15px 40px hsla(var(--p-950-code), .2);transform:scale(1.05)skew(-1deg,-1deg)}.projects__cards_wrapper{background:hsla(var(--p-700-code), .1);border-start-start-radius:.25rem;padding:28px}.projects__cards_img{object-fit:cover;width:284px;height:284px;transform:transform .5 ease;border-radius:24px}.projects__cards_img:hover{transform:scale(1.05)}.projects__cards_titles{flex-direction:column;gap:4px;padding:28px 32px;display:flex}.projects__cards_titles h4{font-size:var(--caption-font-size);line-height:var(--caption-line-height);text-transform:uppercase;color:var(--n-500)}.projects__cards_titles h3{font-size:var(--h3-font-size);line-height:var(--h3-line-height);text-transform:capitalize;color:var(--p-500);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}footer{font-size:var(--caption-font-size);color:var(--n-500);text-align:center;background-image:var(--gradiant-color);padding:40px 0;max-width:none!important}*{box-sizing:border-box}:root{font-size:var(--p-font-size);line-height:var(--p-line-height);letter-spacing:var(--p-letter-spacing);scroll-behavior:smooth;font-family:Chakra Petch,sans-serif;font-style:normal;font-weight:400}body{background-color:var(--foreground-color);background-image:radial-gradient(circle, hsla(var(--p-500-code), .1) .84px, transparent .84px);background-size:10.5px 10.5px}a{text-decoration:none}section{margin-top:120px;margin-bottom:120px}.container{max-width:1536px;margin:0 auto;padding:0 2rem}.section__header{flex-direction:column;align-items:center;gap:16px;display:flex}.section__title{font-size:var(--h1-font-size);line-height:var(--h1-line-height);color:var(--p-950);text-transform:capitalize;font-weight:700}.section__description{text-align:center;max-width:65ch;color:var(--n-500)}@media (width<=1536px){.container{max-width:1440px}.softSkills_badge{position:static!important;transform:none!important}.softSkills__book_icons{display:none}}@media (width<=1400px){.container{max-width:1028px}}@media (width<=768px){.container{max-width:640px}.aboutMe__section{margin:80px auto}.aboutMe__section img{display:none}.skills__grid_container{grid-template-rows:repeat(4,minmax(280px,auto));grid-template-columns:repeat(1,minmax(200px,1fr))}.skills__grid_container .skills__grid_item{padding:1rem;grid-area:span 1/span 1!important}}@media (width<=1280px){.container{max-width:1024px}section{margin-top:80px;margin-bottom:80px}.header__container{flex-direction:column}.header__container .email-display{align-items:center}.header__column--left{flex-direction:column;align-items:center}.header__content--left{align-items:center}:scope p{text-align:center;max-width:320px}.header__column--right{text-align:center;align-items:center}footer{text-align:center;align-items:center;display:flex}}@media (width<=640px){.portfolio{font-size:14px;line-height:16px}.section__title{text-align:center;font-size:2rem;line-height:2.5rem}.container{max-width:475px;padding:0 1rem}header{margin-top:20px}.header__badge_container{flex-direction:column}.aboutMe__container{border-radius:2rem;width:90%;padding:1rem}.aboutMe__content_container{border-radius:2rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes move-left{to{transform:translate(calc(-100% - 12px))}}@keyframes move-right{0%{transform:translate(-100%)}to{transform:translate(12px)}}