:root{--article-width: 100%}@media all and (min-width: 960px){:root{--article-width: 75%}}pre[class^=language-]{padding:1rem;overflow:auto;border-radius:.4rem;font-size:1.1rem;max-width:min(93%,50rem);margin-inline:auto;margin-block:1.8rem}pre[class^=language-] code{white-space:pre;tab-size:2}pre[data-linenos]{padding:1rem 0}pre[class^=language-] table td{padding:0}pre[class^=language-] table td:nth-of-type(1){text-align:center;vertical-align:top;user-select:none}pre[class^=language-] mark{display:block;background-color:rgba(254,252,232,.9)}pre[class^=language-] table{width:100%;border-collapse:collapse}header{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0;height:3.5em}#hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#author-info{display:flex;flex-direction:column}.bio{color:#fff;font-size:1.2rem;margin-bottom:1em;text-align:center;max-width:600px;text-wrap:balance}@media (max-width: 810px){#hero{flex-direction:column;align-items:center;text-align:center}#author-info{order:-1;margin-bottom:1.5rem}#author-bio{order:0}}#pfp-container{background:#121212;border-radius:50%;overflow:hidden;margin:10px auto 1em;width:200px;height:200px;position:relative;box-shadow:0 0 15px rgba(255,255,255,.2);animation:fadeIn 1.5s ease-out}#pfp-container img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:80%;transition:transform .3s ease}#pfp-container:hover img{transform:translate(-50%, -50%) scale(1.05)}#author{color:#fff;font-size:2rem;margin:.5em 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}#socials-container{display:flex;justify-content:center;gap:1rem;margin-top:1em}.social-link{display:inline-flex;width:50px;height:50px;transition:transform .3s ease}.social-link:hover{transform:scale(1.1)}.social{border-radius:10px;max-width:100%;max-height:100%;transition:transform .3s ease}#projects-container{display:flex;flex-direction:column;gap:40px;padding:20px}.projects-list h2{font-size:1.5rem;margin-top:20px;margin-bottom:20px;color:#fff}.project-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}.project-card{display:flex;flex-direction:column;background:#333;border-radius:8px;color:#fff;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;will-change:transform}.project-card:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 10px 20px rgba(0,0,0,.2)}.project-card .card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;outline:none}.project-card .project-image-container{width:100%;aspect-ratio:16/9;background-color:#444;display:flex;justify-content:center;align-items:center;overflow:hidden}.project-card .project-image-container .project-image{width:100%;height:100%;object-fit:cover}.project-card .project-image-container .project-icon{max-width:80px;height:auto}.project-card .project-image-container .project-icon-placeholder{width:100%;height:100%}.project-card .project-card-text{padding:15px;flex-grow:1;display:flex;flex-direction:column}.project-card .project-name{font-size:1.2rem;margin:0}.project-card .project-date{display:block;margin-top:5px;font-size:.85rem;color:#bbb}.project-card .project-description{font-size:.9rem;margin-top:1rem;flex-grow:1;word-wrap:break-word}.project-card .project-links{padding:0 15px 15px 15px;margin-top:auto}.project-card .project-links a{display:inline-block;margin-right:8px}.project-card .project-links img.social{width:24px;height:24px;opacity:.8;transition:opacity .2s ease}.project-card .project-links img.social:hover{opacity:1}:root{--article-width: 100%}@media all and (min-width: 960px){:root{--article-width: 75%}}article{width:var(--article-width);height:100%;margin:0 auto;padding:20px 20px 0;background:#0f0f0f;border:1px solid #232323;border-top:none;border-bottom:none}article .project-header{margin-bottom:20px;text-align:left}article .project-header .title-row{display:flex;align-items:center;margin-bottom:10px}article .project-header .title-row .project-icon{max-width:60px;height:auto;display:inline-block}article .project-header .title-row h1{margin:0;font-size:2.5rem}article .project-header .project-date{font-size:.9rem;color:#bdbaba;margin-bottom:15px}article .project-header .project-links{display:flex;gap:15px;margin-bottom:15px}article .project-header .project-links a{display:inline-block;transition:transform .2s ease}article .project-header .project-links a:hover{transform:scale(1.1)}article .project-header .project-links a img.social{width:24px;height:24px}article .project-description{font-size:1rem;line-height:1.74;margin-bottom:30px}:root{--article-width: 100%}@media all and (min-width: 960px){:root{--article-width: 75%}}.top-nav{background:#eb5959;margin:0 auto;padding:0 20px;width:var(--article-width);border:1px solid #232323;border-top:none;border-bottom:none}.top-nav nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;height:3.5em;padding-left:10px;padding-right:10px}.top-nav nav .nav-left{display:flex;gap:1.5rem;flex:1}.top-nav nav .nav-right{display:flex;align-items:center}.top-nav nav .nav-link{color:#fff;text-decoration:none;font-weight:600;position:relative;padding:.5rem;transition:color .3s ease}.top-nav nav .nav-link:hover{color:#342f2f}.top-nav nav .nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#342f2f;transition:width .3s ease}.top-nav nav .nav-link:hover:after{width:100%}.top-nav nav .resume-link{display:flex;align-items:center}.top-nav nav .book-icon{width:20px;height:20px;margin-right:.5rem}.license-flyout{position:fixed;bottom:20px;right:20px;z-index:1000}.license-toggle{background:#333;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background .2s ease}.license-toggle:hover{background:#111}.license-content{position:absolute;bottom:50px;right:0;background:rgba(30,30,30,.95);backdrop-filter:blur(5px);padding:15px 20px;border-radius:8px;font-size:.85rem;width:max-content;max-width:300px;color:#eee;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.license-content p{margin:0}.license-content a{color:#8ab4f8;text-decoration:none}.license-content a:hover{text-decoration:underline}.license-flyout.is-open .license-content{opacity:1;visibility:visible;transform:translateY(0)}html,body{width:100%;height:100%;margin:0;padding:0}body{background:#0a0a0a;display:flex;flex-direction:column}main{flex:1 0 auto;width:var(--article-width);min-height:100vh;margin:0 auto;color:#e0e0e0}a{color:#5f80df}@media all and (min-width: 640px){html{font-size:16.5px}}@media all and (min-width: 720px){html{font-size:17px}}@media all and (min-width: 960px){html{font-size:18px}}