:root{font-family:Calibri,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--Homepage-max-width: 1280px;--Homepage-padding: 10px;--HomepageHeader-font-size: 80px;--HomepageMainMenu-width: 200px;--HomepageSubMenu-min-height: 12em;--HomepageSubMenu-max-height: 20em;--HomepageSubMenu-x-padding: 8px;--HomepageSubMenu-y-padding: 8px;--HomepageSubMenu-y-offset: max(120px, 24%);--Content-alignment-offset: 50px;--sidebar-width: 196px;--footer-width: 160px;--w-offset: max( calc((100vw - var(--Homepage-max-width)) / 2) , var(--Homepage-padding));--HomepageHeader-width: min( 520px, calc(100% - 2 * var(--Homepage-padding)) );--HomepageSubMenu-width: calc(var(--sidebar-width) - var(--HomepageSubMenu-x-padding) * 2);--sidebar-offset: calc(var(--HomepageMainMenu-width) * -1);--Content-align-sidebar-width: calc(100vw - var(--sidebar-width));--Content-align-left-width: calc(100vw - var(--Content-alignment-offset));--HomepageHeader-transition: inset .48s ease-in-out;--HomepageNavBar-transition: inset .36s ease-out;--HomepageFooter-transition: inset .48s ease-out;--ToHomepageButton-transition: height 60ms ease-in 20ms, padding .12s ease-in 20ms;--SubMenuHeader-transition: inset .6s ease-out;--Content-transition: inset .48s ease-out;--Content-alignment-transition: width .48s ease-out;--AlignContentButton-transition: inset .12s ease-out;--HomepageMainMenu-open-transition: margin 80ms ease-in;--HomepageMainMenu-close-transition: margin 80ms ease-in 80ms;--HomepageHeader-toHidden-transition: inset 344ms ease-out .26s;--HomepageNavBar-toSidebar-transition: inset .26s ease-out .36s;--HomepageFooter-toSidebar-transition: inset 592ms ease-out 40ms}#HomepageHeader.obscur{filter:blur(2px);font-size:calc(var(--HomepageHeader-font-size) - 2px);margin:2px 6px;transition:var(--HomepageHeader-transition),filter 1s ease-out,font-size 1s ease-out,margin 1s ease-out}#HomepageHeader.hidden{inset:auto auto auto calc(var(--HomepageHeader-width) * -1);transition:var(--HomepageHeader-toHidden-transition)}#HomepageNavBar.sidebar{inset:0 auto auto var(--sidebar-offset);transition:var(--HomepageNavBar-toSidebar-transition)}#HomepageMainMenu.open{color:#d3ba7f;margin:0;transition:var(--HomepageMainMenu-open-transition)}.HomepageNavItem.active{background-position:left;border-radius:0}#submenu-container.hidden{transition:var(--HomepageNavBar-toSidebar-transition)}#submenu-container.sidebar{inset:var(--HomepageSubMenu-y-offset) auto 160px var(--sidebar-offset);transition:var(--HomepageNavBar-toSidebar-transition)}#SubMenuHeader.hidden{inset:auto auto auto 100%}#SubMenuHeader.shown{inset:auto auto auto 0}#SubMenuHeader.align-sidebar{width:var(--sidebar-width)}#SubMenuHeader.align-left{width:var(--Content-alignment-offset)}#SubMenuBackground.hidden{width:calc(var(--HomepageMainMenu-width) - 2px);height:120px;margin:max(4%,46px) 0 0 4px;opacity:0;transition:var(--HomepageMainMenu-close-transition),height 80ms ease-in 80ms,width 80ms ease-in,opacity 80ms ease-in 80ms}#SubMenuBackground.shown{transition:var(--HomepageMainMenu-open-transition),height 80ms ease-in,width .16s ease-in 80ms,opacity 40ms ease-in}#ToHomepageButton.hidden{margin-left:0;height:0;border-radius:12px 0 12px 12px;padding:0;transition:var(--ToHomepageButton-transition),margin-left .36s ease-out,border-radius .36s ease-out}#content-container.hidden{inset:auto auto auto 100%;box-shadow:0}#content-container.align-sidebar{width:var(--Content-align-sidebar-width)}#content-container.align-sidebar.shown{inset:auto auto auto var(--sidebar-width)}#content-container.align-left{width:var(--Content-align-left-width)}#content-container.align-left.shown{inset:auto auto auto var(--Content-alignment-offset)}#AlignContentButton.hidden{inset:44px auto auto 0;border-radius:0 12px 12px 0}#AlignContentButton.shown{inset:44px auto auto -40px}#HomepageSubMenu.active{opacity:1}@keyframes oscillate-background{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}html,body{margin:0;padding:0}body{width:100vw;max-width:100%;height:100vh;max-height:100%;background:linear-gradient(45deg,#0f0f0f,#242424);background-size:200% 100%}body.animate{animation:oscillate-background 10s linear 10s infinite}#root{position:relative;overflow:hidden;display:flex;height:100%}#Homepage{max-width:var(--Homepage-max-width);height:100%;width:100%;margin:auto;padding:var(--Homepage-padding)}#Homepage::selection{background-color:#2f4f77}iframe{background-color:#222}.TypedText{font-family:inherit;display:inline-block;height:1.3em;margin:0;max-width:100%;white-space:pre;overflow:scroll hidden;scrollbar-width:none}#HomepageHeader{font-family:Helvetica,Arial,sans-serif;position:absolute;inset:auto auto auto var(--w-offset);width:var(--HomepageHeader-width);font-size:var(--HomepageHeader-font-size);font-weight:700;transition:var(--HomepageHeader-transition),filter .2s ease-out,font-size .2s ease-out,margin .2s ease-out}#HomepageNavBar{position:absolute;inset:0 auto auto var(--w-offset);display:flex;align-items:start;height:100%;width:fit-content;transition:var(--HomepageNavBar-transition)}#HomepageMainMenu{font-family:Helvetica,Arial,sans-serif;position:relative;top:max(34%,164px);margin:0 0 0 4px;display:flex;flex-direction:column;justify-content:center;width:var(--HomepageMainMenu-width);color:#ddd6c6;font-size:16px;box-shadow:-3.2px 0 1.2px -1.2px gray;transition:var(--HomepageMainMenu-close-transition)}#submenu-container{position:absolute;width:100%;min-height:var(--HomepageSubMenu-min-height);max-height:var(--HomepageSubMenu-max-height);inset:var(--HomepageSubMenu-y-offset) auto 160px var(--w-offset);transition:var(--HomepageNavBar-transition)}#SubMenuBackground{width:100%;height:100%;border-radius:16px;box-shadow:-3.2px 0 1.2px -1.2px gray;background:linear-gradient(to right,#222333 calc(var(--HomepageMainMenu-width) - 40px),#1b1b22 calc(var(--HomepageMainMenu-width) - 2px),#404555 var(--HomepageMainMenu-width),rgba(0,0,0,0) calc(var(--HomepageMainMenu-width) + var(--sidebar-width) + 800px))}#HomepageSubMenu{font-family:Helvetica,Arial,sans-serif;font-weight:700;position:absolute;inset:0 auto;display:flex;flex-direction:column;width:var(--HomepageSubMenu-width);font-size:16px;padding:var(--HomepageSubMenu-y-padding) var(--HomepageSubMenu-x-padding);margin-left:var(--HomepageMainMenu-width);opacity:0;transition-property:opacity;transition-duration:.16s;transition-timing-function:ease-in;transition-delay:.16s}#HomepageSubMenu hr{flex-grow:0;width:92%;margin:8px;border:1px solid white;border-radius:1px}#HomepageSubMenu .hr-top{box-shadow:0 2px 16px 4px #fff}#HomepageSubMenu .hr-bottom{box-shadow:0 -2px 16px 4px #fff;transition:var(--ToHomepageButton-transition)}#HomepageSubMenuItems{display:flex;flex-direction:column;flex-grow:1;overflow:hidden scroll;scrollbar-width:none}#HomepageFooter{position:absolute;inset:auto auto 0 calc(100% - var(--footer-width));margin-left:8px;transition:var(--HomepageFooter-transition)}.HomepageNavItem{display:block;-webkit-user-select:none;user-select:none;color:inherit;line-height:1.75em;padding:6px 1em;border-radius:0 20% 20% 0}.HomepageNavSubItem{text-wrap:nowrap;overflow:scroll hidden;scrollbar-width:none;padding:2px 16px;border-radius:12px 0 0 12px;color:inherit;text-decoration:none}.HomepageNavItem,.HomepageNavSubItem{background:linear-gradient(to left,#0000 50%,#87878766 70%);background-size:200% 100%;background-position:right;transition-property:background-position border-radius;transition-duration:.16s;transition-timing-function:ease-in}.HomepageNavItem:hover,.HomepageNavSubItem:hover{background-position:left;cursor:pointer}.HomepageNavItem:active,.HomepageNavSubItem:active{background:linear-gradient(to left,#0000 50%,#c8c8c866 70%);background-size:200% 100%;cursor:grab}#ToHomepageButton{filter:invert(100%);-webkit-user-select:none;user-select:none;position:absolute;height:36px;border-radius:0 0 12px 12px;margin-left:var(--HomepageMainMenu-width);padding:10px 2px 2px;background-color:#87878780;transition:var(--ToHomepageButton-transition),margin-left .26s ease-out .36s,border-radius .16s ease-out .36s}#ToHomepageButton:hover{cursor:pointer;height:40px}#SubMenuHeader{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:48px;line-height:1em;overflow:scroll hidden;scrollbar-width:none;width:var(--sidebar-width);position:absolute;inset:auto auto auto 100%;transition:var(--SubMenuHeader-transition),var(--Content-alignment-transition)}#content-container{color:#000;height:100%;width:var(--Content-align-sidebar-width);position:absolute;inset:auto auto auto 100%;box-shadow:0 0 8px 4px;transition:var(--Content-transition),var(--Content-alignment-transition)}.Content{background-color:#fff;color:#000;height:100%;width:100%}.ProjectPage{height:100%;padding:16px}#AlignContentButton{filter:invert();-webkit-user-select:none;user-select:none;position:absolute;height:36px;padding:2px;border-radius:12px 0 0 12px;background-color:#bbb;transition:var(--AlignContentButton-transition)}#AlignContentButton:hover{cursor:pointer}.footer-links{flex-basis:100%;display:flex;gap:10px}.footer-icon-container{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:12px;background-color:#ffffffe6;transition-property:opacity;transition-duration:.24s;transition-timing-function:ease-in}.footer-icon-container .footer-icon{-webkit-user-select:none;user-select:none;max-height:30px;margin:auto;vertical-align:middle;opacity:.75;transition-property:max-height,opacity;transition-duration:.3s;transition-timing-function:ease-in-out}.footer-icon-container .footer-icon:hover{max-height:36px;opacity:1}.footer-icon-container .footer-icon.linkedin{max-height:26px}.footer-icon-container .footer-icon.linkedin:hover{max-height:30px}.made-with{font-family:Calibri;font-style:italic;color:gray;margin-top:4px;height:20px;width:100%;padding-left:4px;text-shadow:0 0 1px lightgray}