.ColorModeCover_ColorModeCover__BISfr{padding:1rem;background-color:#555}.ColorModeCover_LeftSide__aYf7t,.ColorModeCover_RightSide__9k5D5{transform-origin:center;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:var(--duration)}.ColorModeCover_LeftSide__aYf7t{transform:rotateY(180deg)}.ColorModeCover_MoonContainer__PdpZN{display:flex;align-items:center;justify-content:center}@property --background-color-prop{syntax:"<color>";inherits:true;initial-value:rgb(17,17,17)}@property --foreground-color-prop{syntax:"<color>";inherits:true;initial-value:rgb(221,221,221)}.ColorModeToggleDemo_ColorModeToggleDemo__zjaFA{--duration:0s;--transition-timing:var(--duration) ease-out;transition:background-color var(--transition-timing),color var(--transition-timing),--background-color-prop var(--transition-timing),--foreground-color-prop var(--transition-timing);--foreground-color:rgb(221,221,221);--background-color:rgb(17,17,17);--foreground-color-prop:rgb(221,221,221);--background-color-prop:rgb(17,17,17);&.ColorModeToggleDemo_dark__DGD9v{--foreground-color:rgb(17,17,17);--background-color:rgb(221,221,221);--foreground-color-prop:rgb(17,17,17);--background-color-prop:rgb(221,221,221)}}.ColorModeToggleDemo_ColorModeToggleDemo__zjaFA{width:100%;border-radius:var(--rounding-medium);background-color:var(--background-color);color:var(--foreground-color);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;&.ColorModeToggleDemo_animated__OQBoh{--duration:0.4s}button,button:focus,button:hover{color:inherit;background-color:rgba(128,128,128,.1);border:2px solid rgba(128,128,128,.3);outline:none}.ColorModeToggleDemo_InvertedButton__FeZah,.ColorModeToggleDemo_InvertedButton__FeZah:focus,.ColorModeToggleDemo_InvertedButton__FeZah:hover{border:none;background-color:var(--foreground-color);color:var(--background-color);opacity:.5;transform:scale(1);transition:opacity .15s ease-out,transform .15s ease-out}.ColorModeToggleDemo_InvertedButton__FeZah:hover{opacity:1;transform:scale(1)}.ColorModeToggleDemo_InvertedButton__FeZah:active{transform:scale(.95)}.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c,.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c:focus,.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c:hover{background-color:var(--foreground-color-prop);color:var(--background-color-prop)}}.ColorModeToggleDemo_RightSideBG__uvRLw{fill:currentColor;transform-origin:center;transform:scale(1.1)}.ColorModeToggleDemo_LeftSide__A3so4,.ColorModeToggleDemo_RightSide__DDIvd{fill:rgb(221,221,221);transform-origin:center;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:var(--duration)}.ColorModeToggleDemo_LeftSide__A3so4{animation-name:ColorModeToggleDemo_rotateLeft__2GIVi;animation-direction:normal}.ColorModeToggleDemo_RightSide__DDIvd{animation-name:ColorModeToggleDemo_rotateRight__b9vzT;animation-direction:normal}.ColorModeToggleDemo_dark__DGD9v{.ColorModeToggleDemo_LeftSide__A3so4{animation-name:ColorModeToggleDemo_rotateLeftDark__J0k1r}.ColorModeToggleDemo_RightSide__DDIvd{animation-name:ColorModeToggleDemo_rotateRightDark__uNBIa}}@keyframes ColorModeToggleDemo_rotateLeft__2GIVi{0%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateRight__b9vzT{0%{transform:rotateY(90deg)}50%{transform:rotateY(0deg)}99%{transform:rotateY(0deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateLeftDark__J0k1r{0%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}99%{transform:rotateY(180deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateRightDark__uNBIa{0%{transform:rotateY(0deg)}50%{transform:rotateY(0deg)}to{transform:rotateY(90deg)}}.ContrastPicker_ContrastPicker__00s_q{width:100%;border-radius:var(--rounding-medium);background-color:var(--background-color);color:var(--foreground-color);transition:background-color var(--transition-timing),color var(--transition-timing);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.ContrastPicker_colorBoxes__HZN04{display:flex;gap:1rem}.ContrastPicker_box__8cPOG{width:140px;height:140px;border-radius:var(--rounding-medium);display:flex;align-items:center;justify-content:center;&>div{width:50px;height:50px;border-radius:var(--rounding-medium)}}.ContrastPicker_colorPicker__ztpe7{display:flex;gap:.5rem;align-items:center;justify-content:center}.Button_button__exqP_{--padding-block:0.3em;--padding-inline:0.5em;padding-block:var(--padding-block);padding-inline:var(--padding-inline);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:flex-start;gap:.4em;border-radius:var(--rounding-small);&:focus{outline:2px solid transparent}&:hover{text-decoration:none}&.Button_round__JrlsK{border-radius:999px;padding-inline:.8em}}.Button_opaque__qSkRn{background-color:rgba(var(--color-text-rgb),.1);&:hover{background-color:rgba(var(--color-text-rgb),.15)!important;text-decoration:none}&:active{background-color:rgba(var(--color-text-rgb),.05)!important}}.Button_primary__DEC_1{color:var(--color-bg);background-color:var(--color-text);&:hover{background-color:rgba(var(--color-text-rgb),.8)!important}&:active{background-color:rgba(var(--color-text-rgb),.7)!important}}.MainLogo_MainLogo__shECb{position:relative;top:0;left:0;transition:transform .5s var(--ease-out-expo);transform:translate(0) scale(1);z-index:100;opacity:1;width:1.8rem;padding:.4em;background-color:var(--color-bg);border-radius:var(--rounding-full);& svg{height:80%;margin:auto}& path{fill:currentColor}}.MainLogo_InlineLogoPlaceholder__tBBhD{margin-top:1rem;display:inline-block;width:1.5rem;height:3rem;@media screen and (max-width:40rem){margin-top:0}}.Nav_Nav__Zae_c{position:fixed;top:0;left:0;width:100%;z-index:1000;box-sizing:border-box;padding:.5rem;pointer-events:none;font-size:.9rem;font-weight:500;@media screen and (min-width:40rem){padding-left:1rem;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}&>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:0 auto;& *{pointer-events:all}}.Nav_Wrapper__CXixY{background-color:var(--color-bg);border-radius:var(--rounding-full);padding:.2rem;display:flex;flex-direction:row;align-items:center;.Nav_ActiveLink__RmGRz{opacity:.6;&:hover{background-color:transparent}}}}.page_hero__SKW6o{grid-column-start:wide;grid-column-end:narrow;padding-left:5rem;position:relative;h2{margin:.8rem 0;font-weight:400;text-wrap:balance;font-size:2rem;line-height:1.4}@media (max-width:54rem){padding-left:0}}.page_introHey__SHcD7{cursor:help;animation-delay:.2s!important;.page_name__eOmhd{position:relative}.page_jon__98RhH,.page_yonatan__fWUEu{transition-property:transform,opacity;transition-duration:.5s;transition-timing-function:var(--ease-out-expo);position:absolute;left:.3rem}.page_jon__98RhH{opacity:1;transform:rotateX(0)}.page_yonatan__fWUEu{opacity:0;transform:rotateX(90deg) translateY(100%)}&:hover{.page_jon__98RhH{opacity:0;transform:rotateX(90deg) translateY(-100%)}.page_yonatan__fWUEu{opacity:1;transform:rotateX(0)}}}.page_fadeIn__wvzG6{opacity:0;animation:page_fadeIn__wvzG6 .3s ease-in .35s forwards}@keyframes page_fadeIn__wvzG6{0%{opacity:0}to{opacity:1}}.page_sectionTitle__hzsAh{font-family:var(--font-body);font-weight:500;font-size:1rem;font-style:italic;margin-bottom:.8rem}.page_contactButton__dZrXS{position:absolute;right:-3rem;bottom:2.5rem}@media (max-width:54rem){.page_contactButton__dZrXS{position:relative;right:0;bottom:0;margin-block:1rem}}.page_columns__9s9qU{display:flex;flex-direction:row;gap:2rem}.page_columns__9s9qU>div{flex:1 1}.page_smallColumn__uw3SV{max-width:10rem}@media (max-width:36rem){.page_columns__9s9qU{flex-direction:column}.page_smallColumn__uw3SV{max-width:100%}}.ProjectList_ProjectList__Vxe3U{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem;.ProjectList_projectLink__ZgTac{width:100%;align-items:flex-start;& svg{width:30px;height:30px;flex-shrink:0}}}.SocialLinks_SocialLinks__vy7kF{display:flex;flex-direction:column;gap:.1rem;flex-wrap:wrap;& a{display:flex;flex-direction:row;align-items:center;gap:.5rem}& svg{width:1em;height:1em;flex-shrink:0}& path{fill:currentColor}& svg[fill=none] path{fill:none;stroke:currentColor}& svg[fill=none] circle{fill:currentColor}& .arrow{margin-left:auto;display:inline-block;opacity:0;transition:opacity var(--transition-defaults);transition-duration:.1s}& a:hover{& .arrow{opacity:.5}}}.EmailForm_EmailForm__NVt9S form{display:flex;align-items:center;gap:.5rem}.EmailForm_EmailForm__NVt9S form input{width:100%}.EmailForm_EmailForm__NVt9S form button{flex-shrink:0}