*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}[fill]{fill:currentColor}[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.lato-bold{font-family:Lato,sans-serif;font-weight:700;font-style:normal}.lato-black{font-family:Lato,sans-serif;font-weight:900;font-style:normal}@media(hover:hover){.skill-card:hover{box-shadow:var(--shadowAfter)}}:root{--color-light: #ffffff;--color-light-100: #f7f7f7;--color-light-300: #dddddd;--color-dark: #0d0d0d;--color-dark-100: #171717;--color-dark-300: #2d2d2d;--color-gray-500: #7e7e81;--color-accent-300: #a280ff;--color-accent-500: #8c61ff;--color-accent-700: #704ecc;--color-accent-900: #382766;--color-accent-1000: #1a0f2b;--color-info-500: #397df6;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-900: #0a6638;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-background: var(--color-dark);--header-color: var(--color-dark-100);--main-text-color: var(--color-light);--secondary-text-color: var(--color-light-300);--section-accent-color: var(--color-accent-900);--card-color: var(--color-accent-1000);--selection-bacdground-color: var(--color-dark);--font-family-base: "Lato";--color-primary: var(--color-accent-500);--color-primary-hover: var(--color-accent-300);--border-radius: .5rem;--container-width: 81.25rem;--header-height: 4.5rem;--container-padding-x: 1rem;--transition-duration: .4s}.container{position:relative;max-width:calc(var(--container-width) + var(--container-padding-x) * 2);margin-inline:auto;padding-inline:var(--container-padding-x)}.accent-color{color:var(--color-accent)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}.invisible{transform:translateY(7.5rem);opacity:0;transition:all .5s ease}@media(max-width:47.99875rem){.hidden-mobile{display:none!important}}@media not (max-width:47.99875rem){.visible-mobile{display:none!important}}html{scroll-behavior:smooth}html.is-lock{overflow:hidden}body{font-size:clamp(.875rem,.7944214876rem + .3305785124vw,1.125rem);transition-duration:0ms;font-family:var(--font-family-base),sans-serif;color:var(--color-light-100);background-color:#000}main{margin-top:2.1875rem}.disable-transitions *:hover{transition:none!important}p,span{font-weight:300}a:hover,button:hover,label:hover,input:hover,textarea:hover,select:hover,span:hover,*:hover{transition-duration:var(--transition-duration)}a,button>svg{color:inherit}@media(any-hover:hover){a:hover,button>svg:hover{color:var(--color-accent);cursor:pointer}}@media(any-hover:none){a:active,button>svg:active{color:var(--color-accent);cursor:pointer}}a[class],button>svg[class]{text-decoration:none}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:var(--color-light-100);font-weight:300}h1,.h1{font-size:clamp(1.875rem,.5454545455rem + 5.4545454545vw,6rem)}h2,.h2{font-size:clamp(1.5rem,1.097107438rem + 1.652892562vw,2.75rem)}h3,.h3{font-size:clamp(1.25rem,1.1694214876rem + .3305785124vw,1.5rem)}h3,.h4{font-size:clamp(.875rem,.7944214876rem + .3305785124vw,1.125rem)}:focus-visible{outline:.125rem dashed var(--color-light-100);outline-offset:.25rem;transition-duration:0s!important}[js-animation]{transform:translateY(7.5rem);opacity:0;transition:all .5s ease}[js-animation].active{transform:translate(0);opacity:1}@media(hover:hover){._skill-card_1ob6t_2:hover{box-shadow:var(--shadowAfter)}}._header_1ob6t_18{display:flex;align-items:center;width:100%;height:var(--header-height);background-color:hsl(var(--color-default-100)/1);border-bottom:.0625rem solid hsl(var(--color-default-300)/1);opacity:1}._inner_1ob6t_28{display:flex;width:100%;align-items:center;justify-content:space-between}._links_1ob6t_35{display:flex;gap:.625rem}._link_1ob6t_35:hover{color:var(--color-primary)}._primary_189hp_1{cursor:pointer;top:20px;left:20px;display:inline-flex;gap:.625rem;align-items:center;justify-content:center;box-sizing:border-box;padding:.375rem 1.75rem;font-size:14px;font-weight:700;line-height:24px;text-align:left;letter-spacing:0;border:none;border-radius:4px;transition:.3s background-color,.3s color}._primary_189hp_1:focus-visible{outline:2px solid var(--color-info-700)}._primary_189hp_1:disabled{cursor:default;opacity:.5}._primary_189hp_1._fullWidth_189hp_27{justify-content:center;width:100%}._primary_189hp_1{color:var(--color-light-100);background-color:var(--color-accent-500);box-shadow:0 4px 18px #8c61ff59}._primary_189hp_1:hover:enabled{background-color:var(--color-accent-300)}._primary_189hp_1:active:enabled{background-color:var(--color-accent-500)}._secondary_189hp_43{cursor:pointer;top:20px;left:20px;display:inline-flex;gap:.625rem;align-items:center;justify-content:center;box-sizing:border-box;padding:.375rem 1.75rem;font-size:14px;font-weight:700;line-height:24px;text-align:left;letter-spacing:0;border:none;border-radius:4px;transition:.3s background-color,.3s color}._secondary_189hp_43:focus-visible{outline:2px solid var(--color-info-700)}._secondary_189hp_43:disabled{cursor:default;opacity:.5}._secondary_189hp_43._fullWidth_189hp_27{justify-content:center;width:100%}._secondary_189hp_43{color:var(--color-text-primary);background-color:var(--color-dark-300);box-shadow:0 4px 4px #4d566021}._secondary_189hp_43:hover:enabled{background-color:var(--color-dark-100)}._secondary_189hp_43:active:enabled{background-color:var(--color-dark-500)}._tertiary_189hp_85{cursor:pointer;top:20px;left:20px;display:inline-flex;gap:.625rem;align-items:center;justify-content:center;box-sizing:border-box;padding:.375rem 1.75rem;font-size:14px;font-weight:700;line-height:24px;text-align:left;letter-spacing:0;border:none;border-radius:4px;transition:.3s background-color,.3s color}._tertiary_189hp_85:focus-visible{outline:2px solid var(--color-info-700)}._tertiary_189hp_85:disabled{cursor:default;opacity:.5}._tertiary_189hp_85._fullWidth_189hp_27{justify-content:center;width:100%}._tertiary_189hp_85{color:var(--color-accent-500);background-color:var(--color-dark-900);border:1px solid var(--color-accent-700)}._tertiary_189hp_85:hover:enabled{background-color:var(--color-accent-900)}._tertiary_189hp_85:active:enabled{background-color:var(--color-accent-900)}._link_189hp_127{cursor:pointer;top:20px;left:20px;display:inline-flex;gap:.625rem;align-items:center;justify-content:center;box-sizing:border-box;padding:.375rem 1.75rem;font-size:14px;font-weight:700;line-height:24px;text-align:left;letter-spacing:0;border:none;border-radius:4px;transition:.3s background-color,.3s color}._link_189hp_127:focus-visible{outline:2px solid var(--color-info-700)}._link_189hp_127:disabled{cursor:default;opacity:.5}._link_189hp_127._fullWidth_189hp_27{justify-content:center;width:100%}._link_189hp_127{padding:.375rem 0;font-weight:var(--font-weight-bold);line-height:var(--line-height-m);color:var(--color-accent-700, #704ecc);text-decoration-line:none;background-color:transparent}._link_189hp_127:hover:enabled{color:var(--color-accent-300)}._link_189hp_127:active:enabled{color:var(--color-accent-500)}._icon_189hp_172{padding:0;cursor:pointer;background-color:transparent}._buttonList_152on_1{display:flex;column-gap:20px}@media(hover:hover){._skill-card_111ke_2:hover{box-shadow:var(--shadowAfter)}}._loaderWrapper_111ke_18{display:flex;justify-content:center;align-items:center;margin-top:1.25rem}._loader_111ke_18{align-self:center;width:3.125rem;aspect-ratio:1;border-radius:50%;border:.5rem solid;border-color:var(--color-accent-500) transparent;animation:_l1_111ke_1 1s infinite}._dark_111ke_35{border-color:var(--color-accent-500) transparent}@keyframes _l1_111ke_1{to{transform:rotate(.5turn)}}._cardList_scemi_1{display:flex;flex-wrap:wrap;gap:1rem;margin-top:6rem}@media(hover:hover){._skill-card_1q0es_2:hover{box-shadow:var(--shadowAfter)}}:root{--hue1: 255;--hue2: 222;--border: 1px;--border-color: hsl(var(--hue2), 12%, 20%);--radius: 1.375rem;--ease: cubic-bezier(.5, 1, .89, 1)}._card_1q0es_28{width:18.75rem;height:auto;visibility:hidden;opacity:0;pointer-events:none;transition-property:visibility,opacity,filter;transition-duration:0s,.25s,.25s;transition-delay:.5s,0s,0s;transition-timing-function:var(--ease);filter:blur(4px);font-family:Asap,sans-serif;color:#737985;position:relative;min-width:275px;min-height:275px;border-radius:var(--radius);border:var(--border) solid var(--border-color);padding:1em;background:linear-gradient(235deg,hsl(var(--hue1),50%,10%,.8),hsl(var(--hue1),50%,10%,0) 33%),linear-gradient(45deg,hsl(var(--hue2),50%,10%,.8),hsl(var(--hue2),50%,10%,0) 33%),linear-gradient(#090b0fa8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:hsl(var(--hue2),50%,2%) 0 10px 16px -8px,hsl(var(--hue2),50%,4%) 0 20px 36px -14px;cursor:pointer;z-index:2}._card_1q0es_28:not(._open_1q0es_54):before,._card_1q0es_28:not(._open_1q0es_54):after,._card_1q0es_28:not(._open_1q0es_54) ._glow_1q0es_56{opacity:0;pointer-events:none;animation:_glowoff_1q0es_1 .25s var(--ease) both}._card_1q0es_28._open_1q0es_54{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;filter:blur(0px)}._card_1q0es_28._open_1q0es_54:before,._card_1q0es_28._open_1q0es_54:after,._card_1q0es_28._open_1q0es_54 ._glow_1q0es_56,._card_1q0es_28._open_1q0es_54 ._shine_1q0es_69{animation:_glow_1q0es_56 1s var(--ease) both}._card_1q0es_28._open_1q0es_54 ._shine_1q0es_69{animation-delay:0s;animation-duration:2s}._card_1q0es_28._open_1q0es_54 ._glow_1q0es_56{animation-delay:.2s}._card_1q0es_28._open_1q0es_54 ._glow-bright_1q0es_79{animation-delay:.1s;animation-duration:1.5s}._card_1q0es_28._open_1q0es_54 ._shine-bottom_1q0es_83{animation-delay:.1s;animation-duration:1.8s}._card_1q0es_28._open_1q0es_54 ._glow-bottom_1q0es_87{animation-delay:.3s}._card_1q0es_28._open_1q0es_54 ._glow-bright_1q0es_79._glow-bottom_1q0es_87{animation-delay:.3s;animation-duration:1.1s}._card_1q0es_28 ._shine_1q0es_69,._card_1q0es_28 ._glow_1q0es_56{--hue: var(--hue1)}._card_1q0es_28 ._shine-bottom_1q0es_83,._card_1q0es_28 ._glow-bottom_1q0es_87{--hue: var(--hue2);--conic: 135deg}._card_1q0es_28 ._shine_1q0es_69,._card_1q0es_28 ._shine_1q0es_69:before,._card_1q0es_28 ._shine_1q0es_69:after{pointer-events:none;border-radius:0;border-top-right-radius:inherit;border-bottom-left-radius:inherit;border:1px solid transparent;width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;right:calc(var(--border) * -1);top:calc(var(--border) * -1);left:auto;z-index:1;--start: 12%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;mask:linear-gradient(transparent),linear-gradient(black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}._card_1q0es_28 ._shine_1q0es_69:before,._card_1q0es_28 ._shine_1q0es_69:after{content:"";width:auto;top:-2px;right:-2px;bottom:-2px;left:-2px;mask:none}._card_1q0es_28 ._shine_1q0es_69:after{z-index:2;--start: 17%;--end: 33%;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 80%),var(--lit, 85%)),transparent var(--end, 50%))}._card_1q0es_28 ._shine-bottom_1q0es_83{top:auto;bottom:calc(var(--border) * -1);left:calc(var(--border) * -1);right:auto}._card_1q0es_28 ._glow_1q0es_56{pointer-events:none;border-top-right-radius:calc(var(--radius) * 2.5);border-bottom-left-radius:calc(var(--radius) * 2.5);border:calc(var(--radius) * 1.25) solid transparent;inset:calc(var(--radius) * -2);width:75%;height:auto;min-height:0px;aspect-ratio:1;display:block;position:absolute;left:auto;bottom:auto;mask:url(https://assets.codepen.io/13471/noise-base.png);mask-mode:luminance;-webkit-mask-size:29%;mask-size:29%;opacity:1;filter:blur(12px) saturate(1.25) brightness(.5);mix-blend-mode:plus-lighter;z-index:3}._card_1q0es_28 ._glow_1q0es_56._glow-bottom_1q0es_87{inset:calc(var(--radius) * -2);top:auto;right:auto}._card_1q0es_28 ._glow_1q0es_56:before,._card_1q0es_28 ._glow_1q0es_56:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:inherit;border-radius:inherit;background:conic-gradient(from var(--conic, -45deg) at center in oklch,transparent var(--start, 0%),hsl(var(--hue),var(--sat, 95%),var(--lit, 60%)),transparent var(--end, 50%)) border-box;mask:linear-gradient(transparent),linear-gradient(black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract;filter:saturate(2) brightness(1)}._card_1q0es_28 ._glow_1q0es_56:after{--lit: 70%;--sat: 100%;--start: 15%;--end: 35%;border-width:calc(var(--radius) * 1.75);border-radius:calc(var(--radius) * 2.75);inset:calc(var(--radius) * -.25);z-index:4;opacity:.75}._card_1q0es_28 ._glow-bright_1q0es_79{--lit: 80%;--sat: 100%;--start: 13%;--end: 37%;border-width:5px;border-radius:calc(var(--radius) + 2px);top:-7px;right:-7px;bottom:-7px;left:auto;filter:blur(2px) brightness(.66)}._card_1q0es_28 ._glow-bright_1q0es_79:after{content:none}._card_1q0es_28 ._glow-bright_1q0es_79._glow-bottom_1q0es_87{bottom:-7px;left:-7px;right:auto;top:auto}._card_1q0es_28 ._inner_1q0es_228,._card_1q0es_28 section{display:flex;flex-direction:column;gap:.5em}._card_1q0es_28 ._inner_1q0es_228{font-size:.875rem}._card_1q0es_28 hr{width:100%;height:.5px;background:var(--border-color);border:none;margin:.25em 0 .5em;opacity:.66}._card_1q0es_28 input{--tint2: hsl(var(--hue2) 50% 90% / .1);font-family:Asap,sans-serif;font-weight:300;box-shadow:0 0 0 1px transparent;border:1px solid hsl(var(--hue2),13%,18.5%,.5);background:hsl(var(--hue1),0%,40%,.05);border-radius:calc(var(--radius) * .33333);padding-left:2.33em}._card_1q0es_28 label{display:grid;grid-template:1fr/1fr;margin-bottom:1em;width:100%}._card_1q0es_28 label>*{grid-area:1/1;align-self:center}._card_1q0es_28 label svg{margin-left:.5em;opacity:.5}._card_1q0es_28 header{font-size:.75rem;font-weight:300;padding:0 .66em}._card_1q0es_28 ul{list-style:none;padding:0;margin:0}._card_1q0es_28 li{position:relative;padding:.66em;height:32px;display:flex;align-items:center;gap:.5em;border-radius:calc(var(--radius) * .33333);border:1px solid transparent;transition:all .3s ease-in,--item-opacity .3s ease-in;background:linear-gradient(90deg in oklch,hsl(var(--hue1),29%,13%,var(--item-opacity)),hsl(var(--hue1),30%,15%,var(--item-opacity)) 24%,hsl(var(--hue1),30%,15%,var(--item-opacity)) 32%,hsl(var(--hue1),5%,7%,var(--item-opacity))) border-box}._card_1q0es_28 li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:inherit;background:linear-gradient(90deg in oklch,hsl(var(--hue1),15%,16%,var(--item-opacity)),hsl(var(--hue1),40%,24%,var(--item-opacity)) 20%,hsl(var(--hue1),40%,24%,var(--item-opacity)) 32%,hsl(var(--hue1),2%,12%,var(--item-opacity))) border-box;mask:linear-gradient(transparent),linear-gradient(black);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-clip:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract}._card_1q0es_28 li:hover,._card_1q0es_28 li._selected_1q0es_310,._card_1q0es_28 li:hover:after,._card_1q0es_28 li._selected_1q0es_310:after{--item-opacity: .5;transition:all .1s ease-out,--item-opacity .1s ease-out;color:#fff}._card_1q0es_28 li._selected_1q0es_310,._card_1q0es_28 li._selected_1q0es_310:after{animation:_flash_1q0es_1 .75s ease-out 1 forwards}@property --item-opacity{syntax: "<number>"; inherits: false; initial-value: 0;}._description_1q0es_324{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}._card-img_1q0es_331{display:inline-block;align-self:center;width:100px;height:100px}._card_1q0es_28 svg{fill:none;stroke-width:1;height:20px}._cardButton_1q0es_345{background-color:transparent;outline:none;border:none;width:2.5rem;height:2.5rem;color:#fff;z-index:1000}@keyframes _glow_1q0es_56{0%{opacity:0}3%{opacity:1}10%{opacity:0}12%{opacity:.7}16%{opacity:.3;animation-timing-function:var(--ease)}to{opacity:1;animation-timing-function:var(--ease)}}@keyframes _glowoff_1q0es_1{to{opacity:0}}@keyframes _flash_1q0es_1{0%{opacity:0;--item-opacity: 0}7%{opacity:.5;--item-opacity: 1}14%{opacity:0;--item-opacity: .5}21%,to{opacity:1;--item-opacity: 1}}._wrapper_18v42_1{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}._img_18v42_10{width:200px;height:300px}@media(hover:hover){._skill-card_ln6p5_2:hover{box-shadow:var(--shadowAfter)}}@media(prefers-color-scheme:dark){:root{--color-main: #111111;--color-light-100: #ffffff}}@media(prefers-color-scheme:light){:root{--color-main: #ececec;--color-light-100: #000000}}._notificationWrapper_ln6p5_18{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:1.25rem;z-index:1000}._toastBox_ln6p5_28{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;border-radius:.5rem;color:#fff;font-weight:700;animation:_fadeOut_ln6p5_1 4s ease-in-out forwards}._success_ln6p5_39{background-color:var(--color-success-500)}._error_ln6p5_43{background-color:var(--color-danger-500)}@keyframes _fadeOut_ln6p5_1{0%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.25rem)}}