:root{font-family:Helvetica,Arial,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;--HomepageHeader-width: 520px;--sidebar-width: 240px;--footer-width: 160px;--w-offset: max( calc((100vw - var(--Homepage-max-width)) / 2) , 0px);--Content-width: calc(100vw - var(--sidebar-width));--HomepageHeader-transition: inset .48s ease-out .32s;--HomepageNavBar-transition: inset .24s ease-out .24s;--HomepageFooter-transition: inset .48s ease-out 40ms;--ToHomepageButton-transition: opacity .3s ease-in-out .3s, background-color .24s ease-in;--Content-transition: inset .48s ease-out}#HomepageHeader.hidden{inset:auto calc(var(--w-offset) + var(--HomepageHeader-width)) auto auto}#HomepageNavBar.sidebar{inset:204px auto auto -141px}#HomepageFooter.sidebar{inset:auto auto 0 0}.Content.hidden{inset:auto auto auto 100%}.Content.shown{inset:auto auto auto var(--sidebar-width);box-shadow:0 0 8px 8px}.HomepageNavItem.active{background-position:left;width:100%;border-radius:0}#HomepageSubMenu.active{opacity:1}.cursor-grabbing,.cursor-grabbing:hover{cursor:grabbing}html,body{margin:0;padding:0}body{width:100vw;max-width:100%;height:100vh;max-height:100%}#root{position:relative;overflow:hidden;display:flex;height:100%}#Homepage{max-width:var(--Homepage-max-width);height:100%;width:100%;margin:auto;padding:10px}.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{position:relative;inset:auto 0 auto auto;width:var(--HomepageHeader-width);font-size:80px;font-weight:700;transition:var(--HomepageHeader-transition)}#HomepageNavBar{position:absolute;inset:204px auto auto var(--w-offset);display:flex;margin-left:6px;width:fit-content;transition:var(--HomepageNavBar-transition)}#HomepageMainMenu{display:flex;flex-direction:column;justify-content:center;font-size:24px}#HomepageSubMenu{font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;width:var(--sidebar-width);overflow:hidden;height:9.7em;font-size:24px;margin-left:16px;padding:8px 8px 8px 16px;border-radius:20px 12px 0 0;box-shadow:-2px -2px 2.2px gray;opacity:0;transition-property:opacity;transition-duration:.16s;transition-timing-function:ease-in}#HomepageFooter{position:absolute;inset:auto auto 0 calc(100% - var(--footer-width));margin-left:8px;transition:var(--HomepageFooter-transition)}.HomepageNavItem{display:block;height:1.5em;margin:.25em 0;padding:4px 8px;border-radius:0 20% 20% 0;box-shadow:-2px 0 1.2px gray;-webkit-user-select:none;user-select:none}.HomepageNavSubItem{padding:2px 8px;border-radius:12px 0 0 12px}.HomepageNavItem,.HomepageNavSubItem{background:linear-gradient(to left,#0000 50%,#87878766 50%);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}.ToHomepageButton{filter:invert(100%);position:absolute;top:-40px;height:24px;border-radius:12px;padding:4px;opacity:.75;transition:var(--ToHomepageButton-transition)}.ToHomepageButton:hover{cursor:pointer;background-color:#87878780}.Content{background-color:#fff;color:#000;height:100%;width:var(--Content-width);position:absolute;inset:auto auto auto 100%;transition:var(--Content-transition)}.ProjectPage{height:100%;padding:16px}#Homepage>.about-me{height:100px}.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{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}