@font-face{font-family:Playfair Display;src:url(/assets/PlayfairDisplay-VariableFont_wght-Bm1aLVGt.woff2)format("woff2");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/assets/PlayfairDisplay-Italic-VariableFont_wght-DWFZxFmT.woff2)format("woff2");font-style:italic;font-weight:400 900;font-display:swap}:root{--color-0:var(--lightningcss-light,lch(52% 94.25 328.56))var(--lightningcss-dark,lch(29% 62.19 345.47));--color-1:var(--lightningcss-light,lch(87% 144.56 134.14))var(--lightningcss-dark,lch(73% 122.38 138.45));--color-2:var(--lightningcss-light,lch(33% 128.53 299.52))var(--lightningcss-dark,lch(11% 65.86 297.9));--color-3:var(--lightningcss-light,lch(97% 123.13 98.59))var(--lightningcss-dark,lch(95% 120.48 95.49));--color-4:var(--lightningcss-light,lch(90% 72.3 180.72))var(--lightningcss-dark,lch(57% 71.21 267.16));--color-5:var(--lightningcss-light,lch(30% 79.28 322))var(--lightningcss-dark,lch(9% 42.65 322.84));--color-6:var(--lightningcss-light,lch(90% 72.3 180.72))var(--lightningcss-dark,lch(77% 59.53 220.55));--color-7:var(--lightningcss-light,lch(51% 123.43 318.12))var(--lightningcss-dark,lch(7% 36.26 330.72));--background-color:var(--color-1);--text-color:var(--color-5);--link-color:var(--color-5);--link-visited-color:var(--color-6);--stroke-color:var(--text-color);--stroke-width:4.5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-color);background:var(--background-color);font-family:Playfair Display,serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}h1{font:500 2.5em Playfair Display,serif}h2{font:300 1.5em Playfair Display,serif}h3{font:italic 200 1em Playfair Display,serif}p,a{font-variation-settings:"ital" 0, "wght" 100, "wdth" 100;text-wrap:pretty}a{color:var(--link-color);font-style:italic}a:visited{color:var(--link-visited-color)}li{margin-left:20px}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#main{width:100%;height:100%;display:flex}html.fonts-loading #main{visibility:hidden}#nameUnderline{margin:8px -12px 0}#nameUnderline path{fill:none;stroke:var(--stroke-color);stroke-width:var(--stroke-width);vector-effect:non-scaling-stroke}.divider{flex:0 0 var(--stroke-width);background-color:var(--stroke-color);align-self:stretch}#left{flex-direction:column;gap:8px;width:fit-content;max-width:250px;padding-inline:8px;display:flex}.photo{max-width:100%}#right{flex-direction:column;flex-grow:1;min-width:0;min-height:0;display:flex}.section{flex-shrink:0;min-height:auto;overflow:visible}.section:has(#metaballCanvas){box-sizing:border-box;flex:1 1 0;min-width:0;min-height:min-content;overflow:visible}#metaballCanvasContainer{flex:1 1 0;min-width:0;min-height:0;position:relative}#metaballCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.splitSection{min-height:200px;display:flex}.splitSection .textSection{width:50%}@media (width>=701px){.section:has(#metaballCanvas)>.textSection{flex:1 1 0;width:auto;min-width:0}#metaballCanvasContainer{flex-grow:2}}#thetaCanvasContainer{flex:1;width:100%;min-width:0;position:relative}#thetaGraph{width:100%;height:100%;color:var(--text-color);display:block;position:absolute;inset:0}.textSection{padding:8px}#right{overflow:hidden auto}#photoDivider{margin-inline:-12px}.logos{justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.logos #linkedin{width:32px;height:32px}.logos #github svg{width:28px;height:28px}.logos #github{background-color:var(--text-color);border-radius:32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width<=700px){html,body{height:auto;min-height:100%;overflow:hidden auto}body{line-height:1.5}#main{flex-direction:column;height:auto;min-height:100dvh}#left{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(110px,36%);align-items:stretch;gap:8px;width:100%;max-width:none;padding-right:0;display:grid}#leosName{display:contents}#leosName h1{grid-area:1/1;align-self:end}#leosName h3{grid-area:2/1;align-self:start}#fruitPhoto{object-fit:cover;grid-area:1/2/3;width:100%;height:100%}#nameUnderline{grid-area:3/1/auto/-1;width:calc(100% + 16px);height:auto;margin:0 -12px;display:block}#tacoPhoto,#photoDivider,#main>.divider{display:none}#right{overflow:visible}.section:has(#metaballCanvas){flex:none}.splitSection{flex-direction:column}.splitSection .textSection{width:100%}.splitSection:has(#thetaGraph) .textSection{order:1}.splitSection:has(#thetaGraph)>.divider{order:2}#thetaCanvasContainer{flex:none;order:3;width:100%;height:clamp(220px,65vw,340px)}#metaballCanvasContainer{flex:none;height:clamp(220px,65vw,340px)}.textSection{padding:16px}.textSection ul{gap:8px;display:grid}.textSection h2+ul,.textSection h3+ul{margin-top:4px}.textSection h3:not(:first-child){margin-top:12px}h1{font-size:clamp(2rem,10vw,2.5rem)}}