:root{width:100%;font-family:Cinzel,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--background-opacity: 80%;--text-primary: #8b3221;--bg: #fafaf8;--warm-bg: #f2f0ea;--sidebar-bg: #f7f6f2;--surface-raised: #f0ede6;--ink: #181815;--ink-muted: #3a3a36;--body-copy: #444440;--proj-desc: #555550;--blog-intro: #666660;--mid: #888880;--soft: #e8e6e0;--soft-hover: #dedad2;--accent: #2d5a3d;--accent-light: #eef3eb;--accent-border: #d0e0d4;--amber: #c2832a;--footer-bg: #111110;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "IBM Plex Mono", monospace;--font-sans: "Inter", system-ui, sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.link{background-color:green}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:var(--accent-border)}body{margin:0;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vdh;overflow-x:hidden}p{font-family:Cormorant Garamond;text-align:justify;display:flex;flex-direction:column;margin-block:.5rem}h1{font-size:3.2em;line-height:1.1}h1:hover{animation:wave 2s ease-in-out infinite}h2{margin-block:.75rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.tab{border:solid 1px yellow;border-radius:24px}@media only screen and (max-width:600px){h1{font-size:2rem}}@media only screen and (min-width:600px){h1{font-size:2rem}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mainScreen{display:flex;justify-content:center;align-items:center}.menuBar{color:var(--ink-muted);background-color:var(--bg);border-bottom:1px solid var(--soft);z-index:5;background-repeat:no-repeat;background-size:20px 20px;width:100vw;display:flex;justify-content:center}.bottomBar{margin-bottom:12px;background-color:var(--footer-bg);color:#fff;z-index:5;background-repeat:no-repeat;background-size:20px 20px}.titleContainer{z-index:1;display:flex;flex-direction:column;background-color:var(--bg)}.titleButton{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:var(--soft);margin-bottom:0}.contentArea{max-height:100vh;height:100vh;width:100vw;display:flex;align-items:center;flex-direction:column}.centralContainer{display:flex;flex-direction:column;padding:24px;margin-block:72px;align-items:start;justify-content:space-evenly}.centralContainer *{margin-block:12px}.jobRole{font-size:1rem;color:var(--ink-muted)}.sloganContainer{display:flex;flex-direction:column;align-items:start;color:var(--ink)}.slogan{font-size:1.5rem;margin:0;padding:0}.sloganGreen{font-size:2rem;margin:0;padding:0;color:var(--accent);font-family:var(--font-serif);font-style:italic}.personalDescription{font-size:1.5 rem;display:flex;flex-direction:column;align-items:start;text-align:left;color:var(--body-copy)}.titleButtonContainer{display:flex;justify-content:space-between}.titleButtonContainer *{margin-right:12px}.overviewBar{display:flex;border-block:1px solid var(--soft);width:100%;justify-content:space-around;color:var(--ink)}.overviewSection{font-size:.75rem;margin-block:12px}.value{font-size:1.5rem}.mainPageProjectsContainer{display:flex;flex-direction:column;margin-block:72px;margin-inline:12px}.projectsHeader{display:flex;font-size:2rem;margin-block:12px;border-bottom:1px solid var(--soft);color:var(--ink)}.projectCardsContainer{display:flex;flex-direction:column;margin-block:12px}.projectCard{padding:24px;border:1px solid var(--soft);display:flex;flex-direction:column;align-items:start}.projectCard *{padding:12px}.cardProjectTags{display:flex;font-size:.8rem;color:var(--ink-muted)}.cardTitle{text-align:start;font-size:1.5rem;color:var(--ink)}.cardDescription{text-align:start;color:var(--ink-muted)}.cardToolTagsContainer{display:flex;flex-direction:row;color:var(--ink-muted);flex-wrap:wrap;gap:12px}.toolTag{background-color:var(--soft);border-radius:2px;padding:.2rem .7rem;font-size:.8rem;align-items:center;display:flex;text-wrap:nowrap}.aboutOverviewContainer{display:flex;flex-direction:column;margin-bottom:72px;margin-inline:12px}.aboutOverviewHeader{display:flex;font-size:2rem;margin-block:12px;border-bottom:1px solid var(--soft);color:var(--ink)}.aboutOverviewDescription{text-align:start;color:var(--ink-muted)}.aboutOverviewDescription p{text-align:start;color:var(--copy);text-align:justify;font-family:var(--font-serif);display:block}.largeLetter:first-letter{-webkit-initial-letter:2;initial-letter:2}.blogOverviewContainer{display:flex;flex-direction:column;margin-bottom:72px;margin-inline:12px}.blogOverviewHeader{display:flex;font-size:2rem;margin-block:12px;border-bottom:1px solid var(--soft);color:var(--ink);justify-content:space-between}.highlightedPostsContainer{display:flex;flex-direction:column;margin-block:12px}.highlightedPostCard *{padding:12px}.highlightedPostCard{padding:24px;border:1px solid var(--soft);display:flex;flex-direction:column;align-items:start}.postTitle{text-align:left}.postTags{border-radius:2px;color:var(--ink-muted);font-size:.8rem}.postDate{display:flex;font-size:.8rem;color:var(--ink-muted)}.postTagLine{color:var(--ink);text-align:start}.readButton{background:transparent;color:var(--accent)}.contactContainer{display:flex;flex-direction:column;padding-bottom:72px;padding-inline:12px;background-color:var(--footer-bg)}.contactContainer *{padding:12px}.contactHeader{display:flex;font-size:2rem;margin-block:12px;border-bottom:1px solid var(--soft);color:var(--soft)}.contactDescription{text-align:start;color:var(--mid)}.linksContainer{display:flex;border:solid 1px var(--soft);justify-content:space-between;max-width:100%;margin-block:6px}.linksContainer *{font-size:.8rem;padding:0;color:var(--soft)}@media only screen and (min-width:992px){.centralContainer{max-width:60%;margin-inline:3rem}.mainPageProjectsContainer,.aboutOverviewContainer,.blogOverviewContainer{margin-inline:3rem}.contactContainer{padding-inline:3rem}.slogan{font-size:2rem;margin:0;padding:0}.sloganGreen{font-size:2rem;margin:0;padding:0;color:var(--accent)}}.menuContainer{flex:1;display:flex;justify-content:space-evenly;max-width:500px;max-height:72px;padding-top:12px;background-color:var(--bg)}.menuElement{padding-block:24px;font-family:Cinzel,serif;color:var(--ink-muted)}.menuElement:hover{color:var(--ink);opacity:50%}.menuElement.dropping,.menuElement.active{text-decoration:none}@keyframes dropOff{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(20deg);opacity:0}}.bottomBarContainer{flex:1;display:flex;justify-content:space-between;align-items:end;width:100vw;height:72px}.bottomMenuElement{font-family:Cinzel,serif;color:#fff;max-height:24px;justify-content:center;align-items:end;display:flex;padding-right:12px;padding-left:12px}.timeContainer{display:flex;justify-content:end;align-items:end;line-height:1}.menuElementActive{text-decoration:underline;font-family:Cinzel,serif}.active{text-decoration:underline}.iconsContainer{display:flex}.icon{filter:invert(100%)}.aPostTags{text-align:left;justify-content:left;display:flex;color:var(--accent)}.topContainer{padding:0}.blogCardContainer{display:flex;flex-direction:column;height:100%;justify-content:space-between;align-items:start;padding:0;margin:0}.readLinkContainer{padding:0;margin:0}.readLink{background:transparent;color:var(--accent)}.readLink:hover{color:var(--mid)}.blogCardToolTagsContainer{display:flex;flex-direction:row;color:var(--ink-muted)}.blogCardToolTag{background-color:var(--soft);border-radius:2px;margin-right:12px;padding:.2rem .7rem;font-size:.8rem}.postTitle{color:var(--accent);font-size:1.5rem;display:flex}.basePage{display:flex;flex-direction:column;flex:1;background:var(--warm-bg);align-items:center;max-height:100vh;overflow-y:hidden;height:100%}.placeholderContainer{display:flex;height:100%;justify-content:center;align-items:center}.projectsContainer{height:99%;margin:0;display:flex;flex-direction:column}.aboutContainer{display:flex;flex-direction:column;padding:24px;height:99%;color:var(--accent);background-color:var(--warm-bg)}.markdownContainer{align-items:start;text-align:left;padding:24px;overflow-y:scroll;font-family:var(--font-serif);color:var(--body-copy);display:flex;flex-direction:column;max-width:780px}.markdownContainer p{font-family:var(--font-serif);display:block}.markdownContainer::-webkit-scrollbar{display:none}.profile{height:150px;width:150px;min-width:150px;border:2px solid beige;border-radius:50%;margin:24px}.profileImage{width:150px;height:150px;border-radius:50%}.leftPanel{min-width:150px;border-radius:50%;margin:24px;justify-content:center;align-items:start;display:flex;flex-direction:column}.rightPanel{height:150px;min-width:150px;border-radius:50%;margin:24px}.headerComponent{padding-block:6px;text-align:start}.aboutTag{font-style:var(--font-mono)}.aboutName{font-family:var(--font-serif);font-size:3rem}.green{color:var(--accent)}hr{height:.5px;border-color:var(--mid);opacity:20%;width:100%}.historyTitle{color:var(--mid);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12rem;font-size:.7rem;margin-block:24px}.historyCardContainer{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.historyCard{border-left:solid 1px var(--soft);padding:24px;min-width:33%;width:100%;margin-left:24px}.historyCard:before{content:"";position:relative;left:-30px;top:24px;width:8px;height:8px;border-radius:50%;background:var(--warm-bg);border:1.5px solid var(--accent);display:flex}.historyCardTitle{color:var(--mid);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12rem;font-size:.7rem}.currentlyTitle{color:var(--mid);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12rem;font-size:.7rem;margin-block:24px}.insightCardContainer{display:flex;flex-wrap:wrap;width:100%;gap:12px}.insightCard{background-color:var(--bg);border-radius:4px;border:solid 1px var(--soft);padding:12px;min-width:20%;margin-bottom:12px;flex:1 1 200px}.insightCardTitle{color:var(--mid);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12rem;font-size:.7rem}@media only screen and (max-width:600px){.leftPanel{display:none}.aboutContainer{flex-direction:column;padding:0}.profile{width:75px;height:75px}.profileImage{width:100%;height:100%}}#root{text-align:center;display:flex;min-height:100dvh;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh}.mainpage-container{height:100vdh;width:100vdw}html{scrollbar-gutter:stable}.blogHomeTitleContainer{z-index:1;display:flex;flex-direction:column;background-color:var(--bg);width:100%;overflow-y:scroll}.blogHomeCentralContainer{display:flex;flex-direction:column;padding:24px;margin-block:72px;align-items:center;justify-content:space-evenly}.blogHomeSloganContainer{display:flex;flex-direction:column;color:var(--ink)}.wrapper{max-width:100%;overflow:hidden}.marquee{white-space:nowrap;overflow:hidden;display:inline-block;animation:marquee 30s linear infinite;width:max-content}.marquee span{display:inline-block}.scrollingTitles{padding-block:12px}.scrollingSeperator{padding-inline:12px}.allPostsContainer{display:flex;flex-direction:row;flex-wrap:wrap}.allPostsControlContainer{display:flex;flex-direction:row}.controlButton{font-size:1rem;background-color:transparent;color:var(--accent);padding-block:0px;padding-inline:5px}.allPostCard{padding:24px;border:1px solid var(--soft);display:flex;flex-direction:column;align-items:start;width:auto;flex:1 1 25%}.blogHomeOverviewContainer{display:flex;flex-direction:column;margin-bottom:72px;margin-inline:12px;width:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media only screen and (max-width:600px){.leftBlogPanel{max-width:0%;min-width:0%;display:none}.rightBlogPanel{max-width:0%;min-width:0%}.blogContainer{display:flex;flex-direction:column;padding:24px;justify-content:start;height:80%}}@media only screen and (min-width:600px){.rightBlogPanel{max-width:0%;min-width:0%}}@media only screen and (min-width:992px){.blogHomeOverviewContainer{margin-inline:3rem}}.blogContainer{display:flex;flex-direction:row;padding:24px;justify-content:start;height:100%;background-color:var(--bg);color:var(--accent);font-family:Playfair Display,serif;font-size:1.05em}.markdownContainer p{color:#2a1a14;font-size:17px;display:flex;width:100%}.markdownContainer img{display:block;margin:0 auto}.markdownContainer{align-items:start;text-align:left;padding:24px 24px 156px}.leftBlogPanel{height:150px;min-width:150px;margin:24px;justify-content:start;align-items:start;border-right:solid 1px beige;display:flex;flex-direction:column}.postsHeader{border-bottom:2px solid var(--accent);width:100%;text-align:start}.rightBlogPanel{height:150px;min-width:150px;margin:24px;justify-content:start;align-items:start}.headerImage{height:200px;width:100%;object-fit:cover}.postTitles:hover{cursor:pointer;color:var(--mid)}.postTitles{cursor:pointer;margin:0;padding:12px;border-bottom:1px solid rgba(212,200,200,.5);width:calc(100% - 24px);text-align:left;color:var(--accent)}.postTitleActive{color:var(--accent);font-weight:700;margin:0;padding:12px 12px 12px 10px;border-left:2px solid var(--accent);border-bottom:1px solid rgba(212,200,200,.5);width:calc(100% - 24px);text-align:left}.postTitleActive:hover{cursor:pointer;color:var(--mid)}img{max-width:100%;max-height:50dvh}@media only screen and (max-width:600px){.leftBlogPanel{max-width:0%;min-width:0%;display:none}.rightBlogPanel{max-width:0%;min-width:0%}.blogContainer{display:flex;flex-direction:column;padding:0;justify-content:start}}@media only screen and (min-width:600px){.rightBlogPanel{max-width:0%;min-width:0%}.blogContainer{padding:0}}.cvContainer{width:100%;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem 1rem}.quotesBoxContainer{display:flex;width:100%;border:1px solid green}.downloadBoxContainer{width:100%;display:flex;justify-content:end;max-width:80%;max-height:80%;border:1px solid green}.downloadBox{background-color:#faebd7;border-left:3px solid antiquewhite;border-radius:8px}@media(max-width:768px){.cvContainer{padding:1rem .5rem}.cvMarkdownContainer{padding:2rem 1.5rem}.cvMarkdownContainer h1{font-size:1.5rem}.cvMarkdownContainer h2{font-size:1.25rem}}@media print{.cvContainer{background-color:#fff;padding:0}.cvMarkdownContainer{box-shadow:none;max-width:100%;padding:0}}