:root{--color-brand-primary: #7EC6B3;--color-brand-primary-dark: #089b83;--color-brand-primary-dark-2: #316a5d;--color-brand-secondary: #F2F2F2;--color-green-90: #1A473C;--color-green-80: #056152;--color-green-70: #089b83;--color-green-60: #57c7b4;--color-green-50: #A1D6C9;--color-green-40: #c9ede7;--color-green-30: #e0f5f1;--color-green-20: #f0faf8;--color-green-10: #f7fcfb;--color-black-0: #000000;--color-black-80: #0c0c0e;--color-black-70: #0c0d0d;--color-black-60: #121214;--color-black-50: #1F1F23;--color-black-45: #252525;--color-black-40: #2D2D31;--color-black-30: #1f1f1f;--color-black-20: #333333;--color-black-10: #797979;--color-white-80: #8f8f8f;--color-white-70: #D9D9D9;--color-white-60: #dddddd;--color-white-50: #ebebeb;--color-white-40: #f5f5f5;--color-white-30: #f2f2f2;--color-white-20: #f1f1f1;--color-white-10: #fafafa;--color-white-0: #ffffff;--color-yellow-01: #FFB853;--color-blue-01: #1d4ed8;--color-gray-00: #b6b4b4;--color-gray-01: #797979;--color-gray-02: #5d5c5c;--color-background: #F2F2F2;--color-background-dropshadow: rgb(31, 31, 35, .2);--color-text-primary: #1F1F23;--color-text-secondary: var(--color-gray-01);--color-text-gray: var(--color-gray-01);--color-text-gray-2: var(--color-gray-02);--color-text-gray-3: var(--color-green-90);--color-text-green: var(--color-brand-primary-dark);--color-text-green-2: var(--color-brand-primary-dark-2);--color-input-background: #7EC6B3;--app-bar-background: #A1D6C9;--footer-background: #1F1F23;--color-border: #E4E4E9;--color-post-border: #121214;--color-input-border: #D1C2C2;--primary-hover: var(--color-blue-01);--color-button-primary: #0070f3;--color-button-primary-hover: #0051c6;--theme-font-primary: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--theme-font-secondary: "Segoe UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--copyrigth-font: "Ubuntu Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--static-brand-text-color: #92D8C9;--link-color: var(--color-green-70);--tag-active-color: var(--color-green-90);--tag-active-background: rgba(0, 0, 0, .08);--underline-marker-color: rgba(126, 198, 179, .7);--fadeout-background: transparent linear-gradient(180deg, #E4E4E4 0%, #E4E4E400 100%) 0% 0% no-repeat padding-box;--overlay-menu-hamburguer: rgba(0, 0, 0, .6);--mac-mask-banner: url(/mask-banner-white.webp);--atom-size: 180px;--atom-color-hex: #A1D6C9;--atom-color-rgb: 26, 71, 60;--nucleus-size: calc(var(--atom-size) / 5);--electron-color-hex: #089b83;--electron-orbit-size: calc(var(--atom-size) / 2.5);--electron-size: calc(var(--atom-size) / 25);--electron-speed: 1.2s;--electron-speed-alpha: 1s;--electron-speed-omega: .8s;--react-protons-opacity: .1;--tile-start-rgb: 242, 242, 242;--tile-end-rgb: 228, 232, 233;--tile-border: conic-gradient( #1A473C, #A1D6C9, #57c7b4, #089b83, #056152, #1A473C, #1A473C );--space-0-5x: 4px;--space-1x: 8px;--space-1-5x: 12px;--space-2x: 16px;--space-2-5x: 20px;--space-3x: 24px;--space-4x: 32px;--space-5x: 40px;--space-6x: 48px;--space-7x: 56px;--space-8x: 64px;--space-9x: 72px;--space-10x: 80px;--space-11x: 88px;--space-12x: 96px;--max-width: 1200px;--color-bg: var(--color-background);--color-bg-alt: var(--color-white-30);--color-text: var(--color-text-primary);--color-card-bg: var(--color-white-0);--color-card-bg-secondary: var(--color-white-30)}[data-theme=dark]{--color-background: #1F1F23;--color-background-dropshadow: rgba(242, 242, 242, .2);--color-text-primary: #F2F2F2;--color-white-70: #121214;--color-text-green: var(--color-brand-primary);--color-text-green-2: var(--color-brand-primary-dark);--color-text-gray-2: var(--color-gray-00);--color-input-background: #1A473C;--app-bar-background: #121214;--footer-background: #121214;--color-border: #67676f;--color-post-border: #d9d9d9;--link-color: var(--color-brand-primary);--tag-active-color: var(--color-brand-primary);--tag-active-background: rgba(255, 255, 255, .2);--underline-marker-color: rgba(26, 71, 60, .7);--fadeout-background: transparent linear-gradient(180deg, var(--color-black-0) 0%, #1212140A 100%) 0% 0% no-repeat padding-box;--overlay-menu-hamburguer: rgba(255, 255, 255, .2);--mac-mask-banner: url(/mask-banner.webp);--atom-color-hex: #A1D6C9;--atom-color-rgb: 126, 198, 179;--react-protons-opacity: 1;--tile-start-rgb: 31, 31, 35;--tile-end-rgb: 2, 5, 19;--tile-border: conic-gradient( #e0f5f1, #A1D6C9, #57c7b4, #089b83, #056152, #1A473C, #c9ede7 );--color-bg: var(--color-background);--color-bg-alt: var(--color-black-60);--color-text: var(--color-text-primary);--color-card-bg: var(--color-black-50);--color-card-bg-secondary: var(--color-black-40)}*,*:after,*:before{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}body *{margin:0;box-sizing:border-box}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}a{text-decoration:none;color:inherit}@font-face{font-family:Segoe UI;src:url(/fonts/SegoeUI.woff2) format("woff2"),url(/fonts/SegoeUI.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Segoe UI;src:url(/fonts/SegoeUI-Italic.woff2) format("woff2"),url(/fonts/SegoeUI-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro.woff2) format("woff2"),url(/fonts/GothamPro.woff) format("woff"),url(/fonts/GothamPro.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-Medium.woff2) format("woff2"),url(/fonts/GothamPro-Medium.woff) format("woff"),url(/fonts/GothamPro-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-Bold.woff2) format("woff2"),url(/fonts/GothamPro-Bold.woff) format("woff"),url(/fonts/GothamPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-Black.woff2) format("woff2"),url(/fonts/GothamPro-Black.woff) format("woff"),url(/fonts/GothamPro-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Ubuntu Mono;src:url(/fonts/UbuntuMono-Bold.woff2) format("woff2"),url(/fonts/UbuntuMono-Bold.woff) format("woff"),url(/fonts/UbuntuMono-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{font-family:var(--theme-font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--theme-font-primary);transition:background-color .3s ease,color .3s ease}body.overflowHidden,html.overflowHidden{overflow:hidden!important}h1,h2,h3,h4,h5,h6{font-family:var(--theme-font-primary);font-weight:700;line-height:1.2}p,span,div,a,button,input,textarea,select{font-family:var(--theme-font-secondary)}code,pre{font-family:var(--copyrigth-font)}html{scroll-behavior:smooth}.test-sticky-global{position:sticky!important;top:20px!important;background-color:red!important;color:#fff!important;padding:20px!important;z-index:9999!important;transform:none!important;will-change:auto!important;contain:none!important}*:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.text-highlight{position:relative;z-index:1;white-space:nowrap}.text-highlight:before{content:"";position:absolute;left:50%;bottom:-3px;width:100%;height:100%;transform:skew(-12deg) translate(-50%);background:var(--underline-marker-color);z-index:-1}.project-body__title,.project-body__paragraph{color:var(--color-text-primary)}.project-body__title{font-family:var(--theme-font-primary);font-size:24px;font-weight:500;margin-top:32px;margin-bottom:12px}.project-body__paragraph{font-family:var(--theme-font-secondary);font-size:16px;font-weight:400}.project-body__paragraph ul{padding:16px 0 16px 40px;list-style:disc}.project-body__post-image{width:100%}.project-body__multiple-imgs{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width: 600px){.project-body__multiple-imgs{flex-direction:row;gap:32px}}:root{--color-brand-primary: #7EC6B3;--color-brand-primary-dark: #089b83;--color-brand-primary-dark-2: #316a5d;--color-brand-secondary: #F2F2F2;--color-green-90: #1A473C;--color-green-80: #056152;--color-green-70: #089b83;--color-green-60: #57c7b4;--color-green-50: #A1D6C9;--color-green-40: #c9ede7;--color-green-30: #e0f5f1;--color-green-20: #f0faf8;--color-green-10: #f7fcfb;--color-black-0: #000000;--color-black-80: #0c0c0e;--color-black-70: #0c0d0d;--color-black-60: #121214;--color-black-50: #1F1F23;--color-black-45: #252525;--color-black-40: #2D2D31;--color-black-30: #1f1f1f;--color-black-20: #333333;--color-black-10: #797979;--color-white-80: #8f8f8f;--color-white-70: #D9D9D9;--color-white-60: #dddddd;--color-white-50: #ebebeb;--color-white-40: #f5f5f5;--color-white-30: #f2f2f2;--color-white-20: #f1f1f1;--color-white-10: #fafafa;--color-white-0: #ffffff;--color-yellow-01: #FFB853;--color-blue-01: #1d4ed8;--color-gray-00: #b6b4b4;--color-gray-01: #797979;--color-gray-02: #5d5c5c;--color-background: #F2F2F2;--color-background-dropshadow: rgb(31, 31, 35, .2);--color-text-primary: #1F1F23;--color-text-secondary: var(--color-gray-01);--color-text-gray: var(--color-gray-01);--color-text-gray-2: var(--color-gray-02);--color-text-gray-3: var(--color-green-90);--color-text-green: var(--color-brand-primary-dark);--color-text-green-2: var(--color-brand-primary-dark-2);--color-input-background: #7EC6B3;--app-bar-background: #A1D6C9;--footer-background: #1F1F23;--color-border: #E4E4E9;--color-post-border: #121214;--color-input-border: #D1C2C2;--primary-hover: var(--color-blue-01);--color-button-primary: #0070f3;--color-button-primary-hover: #0051c6;--theme-font-primary: "Gotham Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--theme-font-secondary: "Segoe UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--copyrigth-font: "Ubuntu Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--static-brand-text-color: #92D8C9;--link-color: var(--color-green-70);--tag-active-color: var(--color-green-90);--tag-active-background: rgba(0, 0, 0, .08);--underline-marker-color: rgba(126, 198, 179, .7);--fadeout-background: transparent linear-gradient(180deg, #E4E4E4 0%, #E4E4E400 100%) 0% 0% no-repeat padding-box;--overlay-menu-hamburguer: rgba(0, 0, 0, .6);--mac-mask-banner: url(/mask-banner-white.webp);--atom-size: 180px;--atom-color-hex: #A1D6C9;--atom-color-rgb: 26, 71, 60;--nucleus-size: calc(var(--atom-size) / 5);--electron-color-hex: #089b83;--electron-orbit-size: calc(var(--atom-size) / 2.5);--electron-size: calc(var(--atom-size) / 25);--electron-speed: 1.2s;--electron-speed-alpha: 1s;--electron-speed-omega: .8s;--react-protons-opacity: .1;--tile-start-rgb: 242, 242, 242;--tile-end-rgb: 228, 232, 233;--tile-border: conic-gradient( #1A473C, #A1D6C9, #57c7b4, #089b83, #056152, #1A473C, #1A473C );--space-0-5x: 4px;--space-1x: 8px;--space-1-5x: 12px;--space-2x: 16px;--space-2-5x: 20px;--space-3x: 24px;--space-4x: 32px;--space-5x: 40px;--space-6x: 48px;--space-7x: 56px;--space-8x: 64px;--space-9x: 72px;--space-10x: 80px;--space-11x: 88px;--space-12x: 96px;--max-width: 1200px;--color-bg: var(--color-background);--color-bg-alt: var(--color-white-30);--color-text: var(--color-text-primary);--color-card-bg: var(--color-white-0);--color-card-bg-secondary: var(--color-white-30)}[data-theme=dark]{--color-background: #1F1F23;--color-background-dropshadow: rgba(242, 242, 242, .2);--color-text-primary: #F2F2F2;--color-white-70: #121214;--color-text-green: var(--color-brand-primary);--color-text-green-2: var(--color-brand-primary-dark);--color-text-gray-2: var(--color-gray-00);--color-input-background: #1A473C;--app-bar-background: #121214;--footer-background: #121214;--color-border: #67676f;--color-post-border: #d9d9d9;--link-color: var(--color-brand-primary);--tag-active-color: var(--color-brand-primary);--tag-active-background: rgba(255, 255, 255, .2);--underline-marker-color: rgba(26, 71, 60, .7);--fadeout-background: transparent linear-gradient(180deg, var(--color-black-0) 0%, #1212140A 100%) 0% 0% no-repeat padding-box;--overlay-menu-hamburguer: rgba(255, 255, 255, .2);--mac-mask-banner: url(/mask-banner.webp);--atom-color-hex: #A1D6C9;--atom-color-rgb: 126, 198, 179;--react-protons-opacity: 1;--tile-start-rgb: 31, 31, 35;--tile-end-rgb: 2, 5, 19;--tile-border: conic-gradient( #e0f5f1, #A1D6C9, #57c7b4, #089b83, #056152, #1A473C, #c9ede7 );--color-bg: var(--color-background);--color-bg-alt: var(--color-black-60);--color-text: var(--color-text-primary);--color-card-bg: var(--color-black-50);--color-card-bg-secondary: var(--color-black-40)}