@import"https://unpkg.com/leaflet@1.7.1/dist/leaflet.css";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer components;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-zinc-200:oklch(92% .004 286.32);--color-neutral-100:oklch(97% 0 none);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--radius-md:.375rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-brand--primary:#232c61;--color-brand--secondary:#1a89c9;--color-brand--1:#27404c;--color-brand--2:#06101a;--color-background--1:#f4f3e1;--ifm-color-primary:#2e8555;--header-to:#405c69;--header-from:#060e19;--color-brand-50:#1f2937;--color-brand-600:#2e8555;--color-brand-700:#2a8151;--border-radius-sm:.4rem;--border-radius-md:.6rem;--color-grey-0:#fcfdff;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--color-blue-100:#e0f2fe;--color-blue-700:#0369a1;--color-green-100:#dcfce7;--color-green-700:#15803d;--color-yellow-100:#fef9c3;--color-yellow-700:#a16207;--color-silver-100:#e5e7eb;--color-silver-700:#374151;--color-indigo-100:#e0e7ff;--color-indigo-700:#4338ca;--color-red-100:#fee2e2;--color-red-500:#b91c1c;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-gold:#a07330;--backdrop-color:#ffffff1a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0px .6rem 2.4rem #0000000f;--shadow-lg:0 2.4rem 3.2rem #0000001f;--image-grayscale:0;--image-opacity:100%}*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:14px}body{color:var(--color-brand--2);background-color:var(--color-background--1);margin:0;padding:0;font-family:Arial,sans-serif;font-weight:400;line-height:1.6}.flex{display:flex}header{color:#fff;background:#27404c;align-items:center;padding:20px;display:flex}header .logo-wrapper{margin-right:20px}header img{width:60px;height:60px}header a,footer a{color:#fff;text-decoration:none}header ul{gap:20px;list-style:none;display:flex}.main-wrapper{padding:2%}.about{color:#12151d}.accented{font-weight:600;line-height:1.1;position:relative}::selection{color:var(--color-brand--primary);background:var(--color-brand--secondary)}.accented .primary,.accented .secondary{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:600}.accented .primary{color:var(--color-brand--primary)}.accented .secondary{color:var(--color-brand--secondary)!important}.projects-container{max-width:60%;margin-left:15%}footer{color:#fff;text-align:center;background:#333;padding:20px}html,body{width:100%;height:100%}#root{flex-direction:column;align-items:stretch;min-height:100%;display:flex}main{flex-grow:1}header,main,footer{flex-shrink:0}.project{background-image:url(/public/projects/browser.jpg);background-repeat:no-repeat;background-size:cover;border-radius:5px;padding:6.3% 0 0}.project img{border-radius:0 0 5px 5px;width:100%;height:auto}.skills{position:relative}.skills-container{align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.skill{flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}input{color:#000;padding:.2rem .4rem}.contact-wrapper{color:#fff;background:#27404c;background:-webkit-linear-gradient(to right,#27404c,#354758);background:linear-gradient(90deg,#27404c,#354758);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn.btn-contact{color:#fff;background-color:#405c69;border-radius:10px;padding:10px 15px}.accent-link{background:linear-gradient(90deg,#1a89c9 50%,#eee 50%) 100% 100%/201% 100%;border-radius:5px;padding:0 6px;transition:background-position .3s ease-in-out;display:inline-block}.accent-link:hover{background-position:0 100%}@media only screen and (max-width:600px){header{padding:10px}header img{width:40px;height:40px}header ul{gap:10px}header .logo-wrapper{margin-right:12px}}@media only screen and (min-width:600px){.main-wrapper{padding:4%}}@media only screen and (min-width:768px){html{font-size:16px}}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing) * 3)}.m-5{margin:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.my-10{margin-block:calc(var(--spacing) * 10)}.my-32{margin-block:calc(var(--spacing) * 32)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-32{margin-bottom:calc(var(--spacing) * 32)}.ml-0{margin-left:0}.ml-20{margin-left:calc(var(--spacing) * 20)}.ml-40{margin-left:calc(var(--spacing) * 40)}.ml-60{margin-left:calc(var(--spacing) * 60)}.ml-80{margin-left:calc(var(--spacing) * 80)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.min-h-96{min-height:calc(var(--spacing) * 96)}.w-full{width:100%}.flex-grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.3333%}.basis-2\/3{flex-basis:66.6667%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-infinite-scroll{animation:100s linear infinite infinite-scroll}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.\[mask-image\:_linear-gradient\(to_right\,transparent_0\,_black_128px\,_black_calc\(100\%-128px\)\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 128px calc(100% - 128px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 128px calc(100% - 128px),#0000)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.px-5{padding-inline:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.opacity-45{opacity:.45}.opacity-85{opacity:.85}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}}@media(min-width:48rem){.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-14{padding:calc(var(--spacing) * 14)}}.\[\&_img\]\:max-w-none img{max-width:none}.\[\&_li\]\:mx-8 li{margin-inline:calc(var(--spacing) * 8)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-zinc-200:oklch(92% .004 286.32);--color-neutral-100:oklch(97% 0 none);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--radius-md:.375rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-brand--primary:#232c61;--color-brand--secondary:#1a89c9;--color-brand--1:#27404c;--color-brand--2:#06101a;--color-background--1:#f4f3e1;--ifm-color-primary:#2e8555;--header-to:#405c69;--header-from:#060e19;--color-brand-50:#1f2937;--color-brand-600:#2e8555;--color-brand-700:#2a8151;--border-radius-sm:.4rem;--border-radius-md:.6rem;--color-grey-0:#fcfdff;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--color-blue-100:#e0f2fe;--color-blue-700:#0369a1;--color-green-100:#dcfce7;--color-green-700:#15803d;--color-yellow-100:#fef9c3;--color-yellow-700:#a16207;--color-silver-100:#e5e7eb;--color-silver-700:#374151;--color-indigo-100:#e0e7ff;--color-indigo-700:#4338ca;--color-red-100:#fee2e2;--color-red-500:#b91c1c;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-gold:#a07330;--backdrop-color:#ffffff1a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0px .6rem 2.4rem #0000000f;--shadow-lg:0 2.4rem 3.2rem #0000001f;--image-grayscale:0;--image-opacity:100%}*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:14px}body{color:var(--color-brand--2);background-color:var(--color-background--1);margin:0;padding:0;font-family:Arial,sans-serif;font-weight:400;line-height:1.6}.flex{display:flex}header{color:#fff;background:#27404c;align-items:center;padding:20px;display:flex}header .logo-wrapper{margin-right:20px}header img{width:60px;height:60px}header a,footer a{color:#fff;text-decoration:none}header ul{gap:20px;list-style:none;display:flex}.main-wrapper{padding:2%}.about{color:#12151d}.accented{font-weight:600;line-height:1.1;position:relative}::selection{color:var(--color-brand--primary);background:var(--color-brand--secondary)}.accented .primary,.accented .secondary{font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:600}.accented .primary{color:var(--color-brand--primary)}.accented .secondary{color:var(--color-brand--secondary)!important}.projects-container{max-width:60%;margin-left:15%}footer{color:#fff;text-align:center;background:#333;padding:20px}html,body{width:100%;height:100%}#root{flex-direction:column;align-items:stretch;min-height:100%;display:flex}main{flex-grow:1}header,main,footer{flex-shrink:0}.project{background-image:url(/public/projects/browser.jpg);background-repeat:no-repeat;background-size:cover;border-radius:5px;padding:6.3% 0 0}.project img{border-radius:0 0 5px 5px;width:100%;height:auto}.skills{position:relative}.skills-container{align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.skill{flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}input{color:#000;padding:.2rem .4rem}.contact-wrapper{color:#fff;background:#27404c;background:-webkit-linear-gradient(to right,#27404c,#354758);background:linear-gradient(90deg,#27404c,#354758);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn.btn-contact{color:#fff;background-color:#405c69;border-radius:10px;padding:10px 15px}.accent-link{background:linear-gradient(90deg,#1a89c9 50%,#eee 50%) 100% 100%/201% 100%;border-radius:5px;padding:0 6px;transition:background-position .3s ease-in-out;display:inline-block}.accent-link:hover{background-position:0 100%}@media only screen and (max-width:600px){header{padding:10px}header img{width:40px;height:40px}header ul{gap:10px}header .logo-wrapper{margin-right:12px}}@media only screen and (min-width:600px){.main-wrapper{padding:4%}}@media only screen and (min-width:768px){html{font-size:16px}}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing) * 3)}.m-5{margin:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.my-10{margin-block:calc(var(--spacing) * 10)}.my-32{margin-block:calc(var(--spacing) * 32)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-32{margin-bottom:calc(var(--spacing) * 32)}.ml-0{margin-left:0}.ml-20{margin-left:calc(var(--spacing) * 20)}.ml-40{margin-left:calc(var(--spacing) * 40)}.ml-60{margin-left:calc(var(--spacing) * 60)}.ml-80{margin-left:calc(var(--spacing) * 80)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.min-h-96{min-height:calc(var(--spacing) * 96)}.w-full{width:100%}.flex-grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.3333%}.basis-2\/3{flex-basis:66.6667%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-infinite-scroll{animation:100s linear infinite infinite-scroll}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.\[mask-image\:_linear-gradient\(to_right\,transparent_0\,_black_128px\,_black_calc\(100\%-128px\)\,transparent_100\%\)\]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 128px calc(100% - 128px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 128px calc(100% - 128px),#0000)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.px-5{padding-inline:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-nowrap{text-wrap:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.opacity-45{opacity:.45}.opacity-85{opacity:.85}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}}@media(min-width:48rem){.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-14{padding:calc(var(--spacing) * 14)}}.\[\&_img\]\:max-w-none img{max-width:none}.\[\&_li\]\:mx-8 li{margin-inline:calc(var(--spacing) * 8)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}._user_1ej4w_1{margin-left:auto;top:.8rem;right:.8rem;background-color:var(--header-to);padding:0 .4rem;border-radius:7px;z-index:999;box-shadow:0 .8rem 2.4rem #242a2e80;font-weight:600;display:flex;align-items:center;gap:1.6rem;min-height:60px}._user_1ej4w_1 img{border-radius:100px;height:3rem;width:3rem}._user_1ej4w_1 button{background-color:var(--color-dark--2);border-radius:7px;border:none;padding:.6rem .2rem;color:inherit;font-family:inherit;font-weight:700;cursor:pointer}._login_1ej4w_36{margin-left:auto}.image-container{width:160px;height:160px;perspective:1000px;display:flex;justify-content:center;align-items:center}.image{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;transition:transform .1s ease-out}@media only screen and (min-width:768px){.image-container{width:200px;height:200px}}@media only screen and (min-width:992px){.image-container{width:300px;height:300px}}.btn.btn-contact{background:linear-gradient(to right,#1a89c9 50%,#405c69 50%);background-size:201% 101%;background-position:right bottom;transition:background-position .4s ease-in-out}.btn.btn-contact:hover{background-position:left bottom}img.carousel-logo{filter:grayscale(100%);transition:filter .5s ease}.logo:hover img.carousel-logo{filter:grayscale(0%)}.logo{position:relative;padding:1.2rem;border:1px solid transparent;transition:background-color .7s ease}.logo:hover{border:1px solid var(--color-grey-200);background-color:var(--color-grey-200)}body{font-family:Roboto,sans-serif;margin:0;padding:0}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333}#root{background:#f1f4f9 linear-gradient(80deg,#fdfbfb,#ebedee)}.portfolio-container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;background-color:#1a1a1a;color:#fff}h1{font-size:2.6rem}header p{font-size:1.3rem}h2{font-size:2.5rem;margin-bottom:20px}h3{font-size:2em}#about{background-color:#fff;box-shadow:0 4px 12px #0000001a}.skills ul{list-style:none;padding-left:0}.skills li{font-size:1.2rem;margin:10px 0}.project{margin-bottom:40px}.project h3{font-size:1.8rem;margin-bottom:10px}.project p{font-size:1.1rem}.contact p{font-size:1.2rem}@media only screen and (max-width:768px){h1{font-size:2rem}}.tabs{display:flex;margin-bottom:0}.tab{padding:2px 10px;margin-right:5px;background:#2b444e;border-radius:5px 5px 0 0;cursor:pointer}.tab.active,.tab:hover{background:#405c69}.tab span{color:#d1d1d1;font-size:13px}.tab button{background:transparent;border:none;color:#8b0000;cursor:pointer;margin-left:5px}.editor>pre{margin:0!important}@media only screen and (max-width:600px){.window{width:291px;height:187px}.window.ml-80{margin-left:82px}.window.ml-60{margin-left:61px}.window.ml-40{margin-left:41px}.window.ml-20{margin-left:21px}}@media only screen and (min-width:600px){.window{width:430px;height:262px}.window.ml-80{margin-left:121px}.window.ml-60{margin-left:91px}.window.ml-40{margin-left:60px}.window.ml-20{margin-left:31px}}@media only screen and (min-width:768px){.window{width:579px;height:344px}.window.ml-80{margin-left:163px}.window.ml-60{margin-left:122px}.window.ml-40{margin-left:81px}.window.ml-20{margin-left:41px}}@media only screen and (min-width:1024px){.window{width:760px;height:440px}.window.ml-80{margin-left:214px}.window.ml-60{margin-left:160px}.window.ml-40{margin-left:107px}.window.ml-20{margin-left:53px}}@media only screen and (min-width:1200px){.window{width:922px;height:526px}.window.ml-80{margin-left:126px}.window.ml-60{margin-left:95px}.window.ml-40{margin-left:63px}.window.ml-20{margin-left:32px}}@media only screen and (min-width:1400px){.window.ml-80{margin-left:288px}.window.ml-60{margin-left:216px}.window.ml-40{margin-left:144px}.window.ml-20{margin-left:72px}}.window{position:absolute;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;display:flex;flex-direction:column}.window nav{background:#fdfdfd;padding:5px 5px 0;border-radius:10px 10px 0 0;border-bottom:2px solid #eee;height:30px;display:flex}.window .tabs{flex-grow:1;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:nowrap;width:100%}.window ul,.window li{list-style:none;padding:0;margin:0;font-family:Poppins,sans-serif;font-weight:500;font-size:14px}.window ul{display:flex;width:80%}.window li{border-radius:5px 5px 0 0;width:100%;padding:10px;background:#fefefe;cursor:pointer;height:24px;display:flex;justify-content:space-between;align-items:center;flex-grow:1;min-width:0;position:relative;-webkit-user-select:none;user-select:none;max-width:220px}.window .underline{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--color-brand--1)}.window li.selected{background:#eee}.window li span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.window li button{width:16px;height:16px;border:0;display:flex;justify-content:center;align-items:center;stroke:#000;margin-left:10px;cursor:pointer;flex-shrink:0}.window .background{position:absolute;top:0;left:0;bottom:0;width:300px;background:#fff}.window .add-item{width:30px;height:30px;background:#eee;border-radius:50%;border:0;cursor:pointer;align-self:center}.window .add-item:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-wrapper{width:75px;display:flex;gap:8px;padding:6px 10px}.mac-btn{width:12px;height:12px;border-radius:50%;background-color:#ddd;cursor:pointer;display:block}.close{background-color:#ff605c}.minimize{background-color:#ffbd44}.fullscreen{background-color:#00ca4e}.mac-btn:hover{filter:brightness(85%);transition:filter .2s ease-in-out}.mac-btn:active{transform:scale(.9);transition:transform .1s ease-in-out}.personal-wrapper{min-height:calc(205px + 5em)}.frame img.framecontent{max-width:300px;border:8px solid white;box-shadow:0 4px 12px #0000001a;filter:grayscale(100%);transition:filter .5s ease}.active{z-index:1001}.frame.active img.framecontent{filter:grayscale(0%)}.p-icon{border:2px solid transparent;transition:background-color .4s ease}.p-icon:hover{background-color:var(--color-grey-200)}.p-icon.active{border:2px solid var(--color-grey-300)}._form_1lv52_1{background-color:var(--color-dark--2);border-radius:7px;padding:1.4rem;width:82%;display:flex;margin:auto;flex-direction:column;gap:1rem;color:#fff;background:#27404c;background:linear-gradient(to right,#27404c,#354758);box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}@media only screen and (min-width:768px){._form_1lv52_1{padding:2.4rem 4rem;width:60%}}._row_1lv52_22{display:flex;flex-direction:column;gap:.5rem}._btn_1ke40_1{color:inherit;text-transform:uppercase;padding:.8rem 1.6rem;font-family:inherit;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer}input,textarea{color:var(--color-grey-900);border-radius:.2rem}._primary_1ke40_18{font-weight:600;background-color:var(--header-to);color:#fff}._back_1ke40_24{font-weight:600;background:none;border:1px solid currentColor}._position_1ke40_30{font-weight:700;position:absolute;z-index:1000;font-size:1.4rem;bottom:4rem;left:50%;transform:translate(-50%);background-color:var(--color-brand--2);color:var(--color-dark--1);box-shadow:0 .4rem 1.2rem #242a2e29}._app_gh7bv_1{padding:2.4rem;overscroll-behavior-y:none;display:flex;flex-direction:column;position:relative}._spinnerContainer_76jua_1{height:100%;display:flex;align-items:center;justify-content:center}._spinner_76jua_1{width:6rem;height:6rem;border-radius:50%;background:conic-gradient(var(--header-to) 10%,var(--color-background--1));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:_rotate_76jua_1 1.5s infinite linear}@keyframes _rotate_76jua_1{to{transform:rotate(1turn)}}