:root{--color-purple: #7A36E6;--color-purple-lighter: #A369FF;--color-purple-darker: #5726A3;--color-primary: var(--color-purple);--color-secondary: #F0EBE2;--color-secondary-lighter: #FFFCF7;--color-secondary-darker: #D6D1C7;--color-dark: #06110E;--color-dark-accent: #6E807C;--color-dark-lighter: #2A3331;--color-dark-form-bg: #4C5855;--color-white: #FFFFFF;--color-light: #FDFBF7;--project-background-color: var(--color-secondary);--project-frame-background-color: var(--color-dark-accent);--project-text-color: var(--color-dark);--gradient-grey-light: linear-gradient(339deg, rgba(254, 249, 240, 1) 0%, rgba(255, 255, 255, 1) 80%);--gradient-grey-lighter: linear-gradient(339deg, rgba(254, 252, 250, 1) 0%, rgba(255, 255, 255, 1) 80%);--gradient-purple-subtle: linear-gradient(339deg, rgba(122, 54, 230, 1) 0%, rgba(163, 105, 255, 1) 80%);--gradient-purple: linear-gradient(339deg, rgba(87, 38, 163, 1) 0%, rgba(163, 105, 255, 1) 80%);--gradient-purple-darker: linear-gradient(339deg, rgba(57, 18, 133, 1) 0%, rgba(133, 75, 225, 1) 80%);--font-size-html: 62.5%;--font-size-text: 1.8rem;--font-size-h1: 4.8rem;--font-size-h2: 2.8rem;--font-size-h3: 2.8rem;--font-size-h4: 2.4rem;--letter-spacing-h1: .05em;--letter-spacing-h2: .06em;--letter-spacing-h3: .07em;--letter-spacing-h4: .08em;--line-height-p: 150%;--line-height-h1: 100%;--line-height-h2: 110%;--line-height-h3: 120%;--line-height-h4: 130%;--page-bg-color: var(--color-light);--page-text-color: var(--color-dark);--var-sparkle-color: var(--color-secondary-darker);--var-tag-background: var(--color-secondary);--var-tag-color: var(--color-dark);--form-bg-color: var(--color-secondary);--form-input-bg-color: var(--color-white);--form-input-border-color: var(--color-dark);--form-input-text-color: var(--color-dark);--default-section-space: 70px}@media all and (max-width: 640px){:root{--font-size-h1: 3.8rem;--font-size-h2: 2.8rem;--font-size-h3: 2.4rem;--font-size-h4: 2rem;--default-section-space: 2rem}}@media all and (max-width: 1024px){:root{--default-section-space: 5rem}}@media (prefers-color-scheme: dark){:root{--page-bg-color: var(--color-dark);--page-text-color: var(--color-light);--var-sparkle-color: var(--color-dark-accent);--var-tag-background: var(--color-dark);--var-tag-color: var(--color-white);--form-bg-color: var(--color-dark-lighter);--form-input-bg-color: var(--color-dark-form-bg);--form-input-border-color: var(--color-secondary-darker);--form-input-text-color: var(--color-white);--project-background-color: var(--color-secondary);--project-frame-background-color: var(--color-secondary);--project-text-color: var(--color-dark);html{color-scheme:dark}}}html[data-theme=dark]{--page-bg-color: var(--color-dark);--page-text-color: var(--color-light);--color-primary: var(--color-purple-lighter);--var-sparkle-color: var(--color-dark-accent);--var-tag-background: var(--color-dark);--var-tag-color: var(--color-white);--form-bg-color: var(--color-dark-lighter);--form-input-bg-color: var(--color-dark-form-bg);--form-input-border-color: var(--color-dark);--form-input-text-color: var(--color-white);--project-background-color: var(--color-dark-lighter);--project-frame-background-color: var(--color-dark-lighter);--project-text-color: var(--color-white);color-scheme:dark}html[data-theme=light]{--page-bg-color: var(--color-light);--page-text-color: var(--color-dark);--color-primary: var(--color-purple);--var-sparkle-color: var(--color-secondary-darker);--var-tag-background: var(--color-secondary);--var-tag-color: var(--color-dark);--form-bg-color: var(--color-secondary);--form-input-bg-color: var(--color-white);--form-input-border-color: var(--color-secondary-darker);--form-input-text-color: var(--color-dark);color-scheme:light}html{background-color:var(--page-bg-color);color:var(--page-text-color);font-family:"Inria Serif",serif;font-size:var(--font-size-html);line-height:1.2;transition:background-color .19s,color .19s;scroll-behavior:smooth}button{font-family:"Inria Serif",serif}body{margin:0 auto;line-height:var(--line-height-p);font-size:var(--font-size-text)}a,button{&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}a{color:var(--color-primary)}.content{width:100%;max-width:100ch;padding:2rem;margin:auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.big-shadow{box-shadow:0 0 150px #3200001a}section{padding:var(--default-section-space) 0;&.bg-alternative{background:var(--color-white)}}html[data-theme=dark] section{&.bg-alternative{background:var(--color-dark-lighter)}}p{margin:0 0 1rem}*{box-sizing:border-box}h1,h2,h3,h4,h5{font-family:Sodabery;font-weight:300;text-wrap:balance}h1{margin:1rem 0;font-size:var(--font-size-h1);letter-spacing:var(--letter-spacing-h1);line-height:var(--line-height-h1)}h2{margin:2.5rem 0 .5rem;font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-h2);line-height:var(--line-height-h2)}h3{font-size:var(--font-size-h3);letter-spacing:var(--letter-spacing-h3);line-height:var(--line-height-h3)}h4{font-size:var(--font-size-h4);letter-spacing:var(--letter-spacing-h4);line-height:var(--line-height-h4)}@font-face{font-display:block;font-family:Sodabery;font-style:normal;font-weight:400;src:url(/fonts/Sodabery.woff2) format("woff2")}@font-face{font-display:block;font-family:"Inria Serif";font-style:normal;font-weight:300;src:url(/fonts/inria-serif-v17-latin-300.woff2) format("woff2")}@font-face{font-display:block;font-family:"Inria Serif";font-style:normal;font-weight:400;src:url(/fonts/inria-serif-v17-latin-regular.woff2) format("woff2")}@font-face{font-display:block;font-family:"Inria Serif";font-style:italic;font-weight:400;src:url(/fonts/inria-serif-v17-latin-italic.woff2) format("woff2")}@font-face{font-display:block;font-family:"Inria Serif";font-style:normal;font-weight:700;src:url(/fonts/inria-serif-v17-latin-700.woff2) format("woff2")}@font-face{font-display:block;font-family:"Inria Serif";font-style:normal;font-weight:700;src:url(/fonts/inria-serif-v17-latin-700.woff2) format("woff2")}.tc-purple{color:var(--color-primary)}#theme-toggle[data-astro-cid-jo3d4dyt]{--color-button-bg: var(--color-secondary);--color-button-border: var(--color-secondary-darker);--color-button-indicator-bg: var(--gradient-purple);--color-button-indicator-border: var(--color-purple-darker);background:var(--color-button-bg);border:1px solid var(--color-button-border);box-shadow:inset 0 1px 3px #3200001a,inset -1px 1px 8px #3200001f;border-radius:20px;width:68px;display:flex;gap:5px;align-items:center;padding:0;margin:0;cursor:pointer;white-space:nowrap;align-self:flex-end;transition:all .1s;.icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:7px;margin-left:36px;box-shadow:.5px .5px #32000040,2px 0 5px #3200001a,inset 1px 1px 1px #ffffff1a;background:var(--color-button-indicator-bg);transition:margin-left .5s;svg:first-child{display:block}svg:last-child{display:none}}}html[data-theme=dark]{#theme-toggle{--color-button-bg: var(--color-dark-lighter);--color-button-border: var(--color-dark);--color-button-indicator-bg: var(--gradient-purple);--color-button-indicator-border: var(--color-purple-darker);color:#fff;box-shadow:inset 0 1px 3px #00000080,inset -1px 1px 8px #0009;.icon{margin-left:0;svg:first-child{display:none}svg:last-child{display:block}}}}#hamburger-button[data-astro-cid-hzyab2p7]{cursor:pointer}#hamburger-icon[data-astro-cid-hzyab2p7]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22px;height:30px;.line{width:24px;height:3px;background-color:var(--color-primary);margin:2px 0;border-radius:4px;transition:all .3s ease-in-out}}nav#main-nav{position:fixed;z-index:99;left:0;top:0;width:100%}nav#main-nav>div.grid.content{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem;width:100%;margin:0 auto}nav#main-nav #site-logo,nav#main-nav #main-navigation-links,nav#main-nav #hamburger-button{padding:1rem 1.5rem;border-radius:25px;background:#fdfbf7e6;backdrop-filter:blur(5px);box-shadow:none;transition:box-shadow .3s}nav#main-nav #site-logo{display:flex}nav#main-nav #hamburger-button{display:flex;margin-left:auto}nav#main-nav #main-navigation-links{gap:1rem}nav#main-nav #nav-links{display:flex;gap:1rem}nav#main-nav.scrolled #site-logo,nav#main-nav.scrolled #main-navigation-links,nav#main-nav.scrolled #hamburger-button{box-shadow:0 3px 8px -3px #1e00001a,0 2px 4px -3px #1e000099}@media all and (max-width: 639px){nav#main-nav #main-navigation-links{transition:none;transform:translate(100%);pointer-events:none;overflow:hidden;display:flex;flex-direction:column;position:fixed;right:0;background:#ffffffd9;top:0;box-shadow:0 0 5px #0003;z-index:10;padding:80px 1.5rem 1.5rem;width:300px;max-width:90vw;height:100%;border-radius:16px 0 0 16px;justify-content:space-between}nav#main-nav #nav-links{display:flex;flex-direction:column;gap:1.5rem}nav#main-nav #main-navigation-links.is-transitioning{transition:transform .3s cubic-bezier(.4,0,.2,1)}nav#main-nav.open #hamburger-button{z-index:11;background:none;box-shadow:none}nav#main-nav.open #hamburger-button #hamburger-icon .line:first-child{transform:rotate(45deg);margin-top:-2px}nav#main-nav.open #hamburger-button #hamburger-icon .line:nth-child(2){display:none}nav#main-nav.open #hamburger-button #hamburger-icon .line:last-child{transform:rotate(-45deg);margin-top:-5px}nav#main-nav.open #main-navigation-links{transform:translate(0);pointer-events:auto}}@media all and (min-width: 640px){nav#main-nav #hamburger-button{display:none}nav#main-nav #main-navigation-links{display:flex}}html[data-theme=dark] nav#main-nav #site-logo,html[data-theme=dark] nav#main-nav #main-navigation-links,html[data-theme=dark] nav#main-nav #hamburger-button{background:#06110ee6}
