:root{--accent-color:#0064d6;--accent-hover-color:#0a81ff;--background-color:#f5e6cc;--primary-color:rgb(255, 255, 255);--secondary-color:rgb(241, 241, 239);--text-color:#333333}@media (prefers-color-scheme:dark){:root{--accent-color:#0a81ff;--accent-hover-color:#0064d6;--background-color:#1c1c1c;--primary-color:rgb(36, 36, 36);--secondary-color:rgb(57, 56, 56);--text-color:#cccccc}}body{font-family:"Space Mono",serif;font-weight:400;font-size:large;background-color:var(--background-color);color:var(--text-color);margin:0 20px;display:flex;flex-direction:column;min-height:100vh}main{flex:1}.no-scroll{overflow:hidden}header{background-color:var(--background-color);padding:1rem 0 3rem;font-size:x-large}header nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0}header nav:not(#hamburger-menu) ul li.link:not(.link.home){margin-left:3rem}header a{text-decoration:none;color:var(--text-color);position:relative;transition:color .3s ease}header a::after{content:"";position:absolute;width:0;height:0;display:block;margin-top:.25em;left:0;background:var(--accent-color);transition:width .3s ease,height .3s ease}#hamburger-menu-toggle-button:hover,header a:hover{color:var(--accent-color)}header a:hover::after{width:100%;height:.2em}#hamburger-menu-toggle{display:none}#hamburger-menu-toggle-button{border:none;padding:0;font-size:1.5em;cursor:pointer;background-color:var(--background-color);color:var(--text-color)}#hamburger-menu{background-color:var(--background-color);position:fixed;top:0;right:0;width:100vw;z-index:100;display:none;justify-content:center}#hamburger-menu.collapsing{display:flex;animation:animate-collapse .5s ease-in forwards}@keyframes animate-expand{from{height:0;opacity:.5}to{height:100vh;opacity:1}}@keyframes animate-collapse{from{height:100vh;opacity:1}to{height:0;opacity:.5}}#hamburger-menu hr{width:120%;border-top:1px solid var(--text-color);margin:10px 0}#hamburger-menu ul{flex-direction:column;gap:30px;justify-content:center}@media (max-width:800px){header nav:not(#hamburger-menu) ul li.link:not(.link.home){margin-left:1.5em;font-size:large}}@media (max-width:600px){#menu li.link:not(.link.home){display:none}#hamburger-menu-toggle{display:block;z-index:101}#hamburger-menu.show{display:flex;animation:animate-expand .5s ease-out forwards}}footer{font-size:x-small;text-align:center}.copyright-symbol{font-size:medium;vertical-align:middle;position:relative;top:.13em}.console{background-color:var(--primary-color);border-radius:7px 7px 7px 7px;box-shadow:4px 4px 8px rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){.console{color:#fff}}.console p{margin:0}.console p span{display:inline-block;vertical-align:top}.title-bar{background:var(--secondary-color);padding:10px;border-radius:7px 7px 0 0}.title-bar .title{font-weight:700;position:absolute;left:50%;transform:translateX(-50%)}.dot{display:inline-block;width:10px;height:10px;background:#f9f9f9;border-radius:50%}.dot.red{background:#ff6057;border:1px solid #e14640}.dot.amber{background:#ffbd2e;border:1px solid #dfa123}.dot.green{background:#27c93f;border:1px solid #1dad2b}.text-area{padding:1em 1em 3em;height:10em}.line{visibility:hidden}.line-input{border-right:11px solid #9d9d9d;white-space:pre;overflow:hidden}@media (max-width:600px){.console{font-size:small}}@media (max-width:400px){.console{font-size:x-small}}.replay{color:var(--accent-color);font-size:inherit;display:inline-flex;gap:5px;padding:5px;text-decoration:none}.replay:visited{color:var(--accent-color)}.console-container{padding:5%;box-sizing:border-box;width:100%;max-width:1000px}.splash{height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.splash h2{margin:0}.down-arrow{position:fixed;bottom:30px;left:50%;width:20px;height:20px;border-left:5px solid var(--text-color);border-bottom:5px solid var(--text-color);transform:translateX(-50%) rotate(-45deg);cursor:pointer}.splash.hidden{opacity:0;pointer-events:none;transition:opacity .5s ease}.welcome-text{text-align:center}@media (max-width:740px){.welcome-text{font-size:x-large}}@media (max-height:680px){.console-container{padding-bottom:0}.splash h2{line-height:4vh;font-size:medium}}.content-view{min-height:100vh;padding:10px}.content-view h1{text-align:center}.content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:6em;max-width:1400px;margin:0 auto;justify-content:center}.content.single-column{grid-template-columns:1fr}.content h2,.content h3{margin:10px 0}.content p{margin:0}.content a,.content a:visited{color:var(--accent-color)}.content button{margin-top:10px;border-radius:4px;border:none;padding:10px 20px;font-family:inherit;font-size:inherit;cursor:pointer;font-weight:700;background-color:var(--accent-color);color:#fff}.content button:hover{background-color:var(--accent-hover-color)}.column{padding:20px;justify-self:center;align-self:center;overflow:hidden}.content img:not(.preserve-original-size){max-width:320px;height:auto;border-radius:6px}.content table{border-collapse:collapse;text-align:left}.content td,.content th{border:1px solid;padding:12px 15px}.content td:last-child,.content th:last-child{text-align:right}@media (max-width:740px){.content{grid-template-columns:1fr;font-size:medium}.content img{max-width:240px;height:auto}.content button{width:100%}.content td,.content th{font-size:14px;padding:6px 8px}}.card-container{width:80vw;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:3em}.card{background-color:var(--primary-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;box-shadow:4px 4px 8px rgba(0,0,0,.2)}.card article{padding:1em;width:100%;display:flex;flex-direction:column;flex:1 1 200px}.card h2,.card p{margin-top:0}.card-buttons{display:inline-flex;align-items:center;gap:1em;padding-top:20px;margin-top:auto}.card-button{display:inline-flex;align-items:center;gap:.7em;padding:.5em .75em;background-color:var(--primary-color);color:#fff;font-family:inherit;font-size:inherit;border:1px solid var(--text-color);text-decoration:none;transition:background-color .2s}.card-button.expand{background-color:var(--accent-color);border:1px solid var(--accent-color);cursor:pointer}.card-button.expand:hover{background-color:var(--accent-hover-color)}.card-button.github{color:var(--text-color)}.card-button.github svg{fill:var(--text-color);transition:fill .2s}.card-button.github:hover{background-color:var(--secondary-color)}.card-button.github:hover svg{fill:#0366d6}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:4px 10px;margin:.25em 0;font-weight:600;border:2px solid #2e8b57;color:#2e8b57;border-radius:16px}.card article.read-more{flex:1 1 100%;display:none}.card img.card-image{object-position:0 0;object-fit:cover;border-radius:12px;filter:opacity(100%)}.card .read-more-media{width:70vw;max-width:800px;height:auto}.card .read-more-media.vertical{max-height:400px}.card.expanded article.read-more{display:block}@media (max-width:600px){.card img.card-image{display:none}}@media (max-width:750px){.card{font-size:small}}.contact{text-align:center}#email-link{font-family:"Helvetica Neue"}#linkedin-button{display:inline-flex;align-items:center;gap:8px;background-color:#0077b5;color:#fff;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700;transition:background-color .3s ease}#linkedin-button svg{width:1.5em;height:1.5em;fill:white}#linkedin-button:hover{background-color:#005582}#github-button{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#000;text-decoration:none;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700;transition:background-color .3s ease}#github-button:hover{background-color:#d7d7d7}