:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}body{color-scheme:dark;--primary-color:#f1f1f1;--secondary-color:#0d0d0d;--tertiary-color:#161616;--quartenary-color:#1f1f1f;--quinary-color:hsla(0,0%,100%,.05);--senary-color:hsla(0,0%,100%,.1);--septenary-color:#12131a;--octonary-color:#1a1a2e;--black-or-white:#fff;--pink:#e91e63;--purple:#9c27b0;--blue:#3f51b5;--linear-grad:linear-gradient(to bottom right,#0d0d0d,#1a1a2e,#2c3e50);--linear-grad-skill:linear-gradient(180deg,#1a1a2e,#111118);--septenary-gradient: ;--footer:#181818}*{box-sizing:border-box;margin:0;padding:0;transition-property:background;transition-delay:0ms;transition-duration:.5s;transition-timing-function:ease-in-out;scroll-behavior:smooth}body{overflow-x:hidden;background-color:var(--secondary-color);display:flex;flex-direction:column}header{position:relative;padding:2rem}.navbar{position:fixed;display:flex;flex-wrap:wrap;justify-content:space-between;width:100vw;align-items:center;z-index:100}li{list-style:none}a{text-decoration:none;color:var(--primary-color)}.navbar .logo a{font-size:1.5rem;font-weight:700}.navbar .paths{position:relative;display:flex;gap:2.7rem}.mr-5{margin-right:5rem}.navbar .paths a{position:relative}.navbar .paths a:after{content:"";position:absolute;left:0;bottom:-6px;height:3px;width:100%;background:var(--primary-color);border-radius:10px;transform-origin:left;transform:scaleX(0);transition:transform .5s ease-in-out}.navbar .paths a:hover:after{transform-origin:left;transform:scaleX(1)}.navbar #bars{color:var(--primary-color);cursor:pointer;display:none;margin-right:4rem}.wrapper{display:none;flex-direction:column;top:0;position:fixed;width:100%;height:100vh;padding:13% 0;font-size:5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;align-items:center;z-index:1}.wrapper-a a{font-size:2.5rem}.icon-close{display:none;color:var(--primary-color)}#canvas,.blog{position:absolute;left:0;top:0;width:100vw;height:40rem;z-index:-1;background:var(--linear-grad)}#intro,.intro-p{position:relative;color:var(--primary-color);top:10rem;font-size:2.4rem;margin:auto;width:76%;font-weight:400}#intro,.intro-p{font-family:var(--garamond)}#intro{font-size:4.4rem}.invrt{display:inline-block;transform:scaleX(-1)}#cursor,#typewriter{color:var(--primary-color);font-family:var(--garamond)}#cursor{animation:blink 1s linear infinite}@keyframes blink{0%{opacity:100%}50%{opacity:0}}.hacked{font-family:var(--garamond)}#aContainer p,.hacked{color:var(--primary-color)}#aContainer p{position:absolute;top:15rem;width:80%;font-size:1.4rem;font-family:var(--raleway);word-spacing:4px}#aContainer p a{cursor:crosshair;color:#5865f2}#aContainer{display:flex;justify-content:center;text-align:justify}.custom-shape-divider-top-1721997945,.custom-shape-divider-top-1722145603{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.custom-shape-divider-top-1722145603{transform:rotate(0deg);z-index:3}.custom-shape-divider-top-1721997945 svg{position:relative;display:block;width:calc(170% + 1.3px);height:130px}.custom-shape-divider-top-1721997945 .shape-fill-2{fill:var(--septenary-color)}.custom-shape-divider-top-1722145603 svg{position:relative;display:block;width:calc(100% + 1.3px);height:110px}.custom-shape-divider-top-1722145603 .shape-fill-3{fill:var(--octonary-color)}.bold{font-weight:500}.italic{font-style:italic}#aboutMain,#projectMain,#skillMain{position:absolute;left:0;top:40rem;width:100vw;z-index:-3;height:51rem;background:var(--septenary-gradient)}#projectMain{background:var(--tertiary-color);top:91rem;height:86rem}#aTitle,#cTitle,#pTitle,#sTitle{position:absolute;font-size:5rem;top:7rem;font-family:var(--greatVibes);font-weight:500;color:var(--primary-color);left:5rem;z-index:5}.container,.pcontainer{display:flex;justify-content:space-around;flex-wrap:wrap;margin:2.5% 5%}.pbox{position:relative;height:28rem;width:25rem;background:var(--quartenary-color);padding:1.5% 5% 5%;border-radius:20px;border:1px solid var(--quinary-color);transition:transform 4s ease-in;border-radius:10px;display:flex;flex-direction:column;align-items:center;margin:3rem 2rem 0}.pbox img{width:auto;height:auto}.pname{color:var(--primary-color);font-size:1.5rem;font-weight:700}.pDesc:nth-child(2){font-size:2rem}.pDesc{color:var(--primary-color);width:23rem;text-align:center}.pbox:first-child,.pbox:nth-child(2){margin-top:20rem}.flex-container{justify-content:flex-start;margin-bottom:.75rem}.custom-icon,.flex-container{display:flex;align-items:center}.custom-icon{border:1px solid var(--quinary-color);border-radius:9999px;background:var(--senary-color);width:2.7rem;height:2.7rem;justify-content:center;margin-top:1.75rem}.custom-icon img{width:1.5rem;height:1.5rem}.wave{position:absolute;width:100vw;overflow:hidden;line-height:0;top:176.9rem}.wave svg{position:relative;display:block;width:calc(131% + 1.3px);height:400px}.wave .shape-fill{fill:var(--tertiary-color)}#skillMain{top:177rem;background:var(--linear-grad-skill);height:57rem}#sTitle{top:19rem}.container{display:grid;grid-template-columns:repeat(2,10rem);grid-gap:1rem;gap:1rem}@media (min-width:640px){.container{grid-template-columns:repeat(2,12rem)}}@media (min-width:768px){.container{grid-template-columns:repeat(3,14rem)}}@media (min-width:1280px){.container{grid-template-columns:repeat(6,10rem)}}.box{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:1rem;overflow:hidden;background-color:var(--secondary-color);border:1px solid #334155;position:relative;top:14rem}.box-img{height:3rem;width:3rem}.f{fill:var(--black-or-white)}.box:first-child,.box:nth-child(2),.box:nth-child(3),.box:nth-child(4),.box:nth-child(5),.box:nth-child(6){margin-top:17rem}#cComingSoon{font-size:3rem;font-family:var(--raleway);font-weight:200;color:var(--primary-color)}#cTitle{top:10rem}.footer{background-color:var(--footer);padding:2% 3%;color:var(--primary-color);display:flex;justify-content:space-between;width:100vw;position:absolute;bottom:0;font-family:var(--raleway)}.f-title{font-size:14px;font-weight:400}.f-links a{color:#fff;padding-inline:10px}.blog{background:none;display:flex;align-items:center;justify-content:center;height:100vh}@media (max-width:650px){.footer{padding:20px}.f-links a{padding-inline:15px}}@media (min-width:1547px){.pbox:nth-child(3){margin-top:20rem}}@media (max-width:1585px){.box:nth-child(4){margin-top:auto}}@media (max-width:1284px){#skillMain{height:60rem}.box:nth-child(5),.box:nth-child(6){margin-top:auto}}@media (max-width:1048px){.box{margin:0 1.5rem}}@media (max-width:1024px) and (max-height:1366px){#intro{font-size:3.7rem}.intro-p{font-size:1.7rem}}@media (max-width:991px){.box:nth-child(3),.box:nth-child(4){margin-top:auto}.navbar .paths{display:none}.icon-close{font-size:3.3rem;border:4px solid var(--primary-color);border-radius:1rem;margin-right:4rem;padding:0 .6rem}.navbar #bars{display:block;font-size:3rem}.navbar .logo a{font-size:2.5rem}#canvas{height:60rem}.curve-p{top:59rem}#intro,.intro-p{width:80%;top:20rem;font-size:3.7rem}.intro-p{font-size:1.6rem}.pbox{width:35rem;height:39.2rem;margin:0}.pbox:nth-child(2){margin-top:0}.pbox img{width:32.2rem;height:18.2rem}.pname{font-size:2rem}.pDesc{width:30rem;font-size:1.3rem}.custom-icon{width:4rem;height:4rem;margin-top:3rem}.custom-icon img{width:2.4rem;height:2.4rem}.pcontainer{gap:3.4rem}#projectMain{top:118rem;height:200rem}#skillMain{top:318rem;height:60rem}.wave{top:317.9rem}#aboutMain{top:60rem;height:95rem}#aContainer p{top:18rem;font-size:1.2rem;word-spacing:3.5px}}@media (max-width:768px){#aContainer p{top:17rem;font-size:1.16rem;word-spacing:3.2px}#projectMain{height:166rem}#skillMain{top:284rem;height:75rem}.wave{top:283.9rem}#intro{font-size:2.96rem}.intro-p{font-size:1.36rem}.pbox{width:28rem;height:31.36rem}.pbox img{width:25.76rem;height:14.56rem}.pname{font-size:1.6rem}.pDesc{width:24rem;font-size:1.04rem}.custom-icon{width:3.2rem;height:3.2rem;margin-top:2.4rem}.custom-icon img{width:1.92rem;height:1.92rem}.pcontainer{gap:2.72rem}#aTitle,#cTitle,#pTitle,#sTitle{font-size:3.7rem}#cTitle{top:8rem}#cComingSoon{font-size:2.6rem}}@media (max-width:1031px){.pbox{margin:3rem .5rem 0 2rem}}@media (max-width:558px){.wrapper-a a{font-size:2.1rem}#pTitle{top:8rem}#aContainer p{top:13rem;font-size:1.1rem;word-spacing:2.6px}#projectMain{height:136rem}#skillMain{top:254rem;height:75rem}.wave{top:253.9rem}#aTitle,#cTitle,#pTitle,#sTitle{font-size:3.6rem}.pbox{width:22.4rem;height:25.088rem}.pbox img{width:20.608rem;height:11.648rem}.pname{font-size:1.28rem}.pDesc{width:19.2rem;font-size:.832rem}.custom-icon{width:2.56rem;height:2.56rem;margin-top:1.92rem}.custom-icon img{width:1.536rem;height:1.536rem}.pcontainer{gap:2.176rem}}@media (max-width:478px){#aTitle{top:4rem}#aContainer p{top:10rem;font-size:1rem;word-spacing:1.9px}#aTitle,#cTitle,#pTitle,#sTitle{font-size:2.88rem;left:3rem}#pTitle{top:4rem}.pbox{width:17.92rem;height:20.07rem}.pbox img{width:16.49rem;height:9.318rem}.pname{font-size:1.024rem}.pDesc{width:15.36rem;font-size:.665rem}.custom-icon{width:2.048rem;height:2.048rem;margin-top:1.536rem}.custom-icon img{width:1.228rem;height:1.228rem}.pcontainer{gap:1.741rem}.pbox:first-child{margin-top:12rem}#projectMain{height:105rem}.wave{top:222.9rem}#skillMain{top:223rem}#cComingSoon{font-size:2.2rem}}@media (max-width:354px){#aTitle{top:3.2rem}#aContainer p{top:9rem;font-size:.94rem;word-spacing:1.6px}#aTitle,#cTitle,#pTitle,#sTitle{font-size:2.448rem;left:2.2rem}.pbox{width:15.232rem;height:17.059rem}.pbox img{width:14.017rem;height:7.92rem}.pname{font-size:.87rem}.pDesc{width:13.056rem;font-size:.565rem}.custom-icon{width:1.741rem;height:1.741rem;margin-top:1.306rem}.custom-icon img{width:1.044rem;height:1.044rem}.pcontainer{gap:1.48rem}.pbox:first-child{margin-top:12rem}#projectMain{height:90rem}.wave{top:207.9rem}#skillMain{top:208rem}.container{grid-template-columns:repeat(2,9rem)}.navbar .logo a{font-size:1.8rem}.navbar #bars{font-size:2.4rem}.icon-close{font-size:2.7rem;border:4px solid var(--primary-color)}#intro{font-size:2.7rem;font-weight:500}}