body,html{padding:0;margin:0;box-sizing:border-box;overflow-x:hidden}*,:after,:before{box-sizing:inherit}.page-content-section{max-width:var(--content-width);margin-left:auto;margin-right:auto;padding:40px 20px;width:100%}:root{--profile-picture-size:100px;--content-width:1000px}body{font-family:Source Sans Pro,sans-serif;letter-spacing:-.004em;font-style:normal;color:rgba(0,0,0,.84);font-family:-apple-system,BlinkMacSystemFont,Source Sans Pro,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;margin:0;padding:0;width:100%}.floating-resume-button{position:fixed;bottom:20px;left:20px;z-index:1000}.floating-resume-button a{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease;color:#333;text-decoration:none;font-size:14px}.floating-resume-button a:hover{transform:translateY(-2px)}.floating-resume-button .resume-text{font-weight:400}.content-container,.header-container{max-width:var(--content-width);margin:0 auto;padding:0 15px}.content-container{box-sizing:border-box}#hero{margin:0;padding:40px 20px;width:100%;max-width:none}#hero h2{margin-bottom:.5rem}#hero h3{margin-top:0;margin-bottom:1rem}#hero .profile-picture{margin-bottom:20px;display:inline-block}.circle-image{width:var(--profile-picture-size);height:var(--profile-picture-size);border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}li,p{font-size:18px;line-height:1.58}h1{font-weight:300;margin:0}h2{font-size:40px;line-height:1.05;letter-spacing:.008em;margin:20px 0}h2,h3{font-weight:500}h3{font-size:24px;line-height:1.20849;letter-spacing:.015em}code:not(pre *){background:#333;color:#eee;padding:4px 9px;border-radius:3px}ul h4,ul p{margin:0}p{margin-bottom:20px}.footer,.text-center{text-align:center}.footer{border-top:1px solid #ccc;padding:10px;color:#999;margin-top:30px}.footer p{font-size:10px}.footer a{color:#999}ul.menu{list-style:none;text-align:center;padding:0;margin-top:10px}ul.menu li{display:inline-block}ul.menu li a{color:#000;text-decoration:none;font-size:13px;padding-right:7px}ul.menu li a:hover{text-decoration:underline}ul.menu>li+li:before{color:#000;content:"// ";padding:0 8px}@media (max-width:768px){#mainimage{height:300px;background-position:50%}}ul.projectlist{list-style-type:square;max-width:600px;margin-top:50px}ul.projectlist a{color:#000}ul.projectlist p{font-weight:300}ul.projectlist h3{font-weight:700;margin-bottom:7px}ul.projectlist li{margin-bottom:30px}ul.projectlist li a:hover{color:#777}.content{margin:100px 0}#photos{text-align:center}#photos>div{font-size:14px;line-height:1.4;color:rgba(0,0,0,.6);letter-spacing:0;margin:0 auto 50px;text-align:center}#photos img,#photos>div{max-width:600px;display:block}#photos img{margin:0 auto 10px}img.grayscale{-moz-filter:grayscale(100%);filter:grayscale(100%)}#quote{margin:0 auto;text-align:center}blockquote{margin:1.5em 10px;padding:.5em 10px;quotes:"\201C""\201D""\2018""\2019"}blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}blockquote p{display:inline}.container{max-width:850px;margin-right:auto;padding-left:15px;padding-right:15px;margin-left:auto}#logo{float:left;font-size:20px;margin-top:7px;margin-right:20px}#logo a{color:inherit;text-decoration:none}ul.menu{text-align:right}#hero{margin-top:15vh}#hero h1{font-size:46px}#hero h2{font-weight:300;font-size:30px;line-height:1.2}.project-link{padding:2px 6px;border-bottom:2px solid #ececec;text-decoration:none;color:inherit;font-weight:500}.project-link:hover{border-bottom-color:#000}.project-link img{width:18px;margin-right:6px}.project-link:hover img{filter:grayscale(0)}ul#homepage-projects{list-style-type:square}ul#homepage-projects li{font-size:15px}ul#homepage-projects>li{margin-top:30px}ul#homepage-projects>li ul{padding-left:10px}ul#homepage-projects>li ul li{margin-top:15px}.badge{display:inline-block;text-decoration:none;padding:0 3px;filter:saturate(.8)}.badge:hover{filter:saturate(1)}.badge svg{width:16px}.badge span{font-size:12px;font-weight:700;vertical-align:top}.badge.hn{color:#f0652f;fill:#f0652f}.badge.ph{color:#da552f;fill:#da552f}.blog{color:#000}.blog h1{color:#1a202c;font-weight:800;font-size:2.25em;margin-top:50px;margin-bottom:.8888889em;line-height:1.1111111}.blog h3{font-size:1.25em}.blog h3,.blog h4{margin-top:1.6em;margin-bottom:.6em;line-height:1.6;font-weight:600}.blog h4{font-size:1.2em}.blog img{max-width:100%;margin-top:1.6em;margin-bottom:1.6em}.blog .meta{margin-bottom:3rem}.blog .meta .date{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.blog .meta .link-back{float:right}.blog .list-item{margin:40px 0;max-width:540px}.blog .list-item a{color:unset;text-decoration:none}.blog .list-item .desc{margin-bottom:.5em;margin-top:0;font-size:1rem;line-height:1.75}.blog .list-item .date{font-size:.875rem;--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.blog .list-item .read-more-link{margin-left:.25rem}.blog .list-item .read-more-link,.blog .subscribe-text a{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity));text-decoration:underline}.github-issues{margin-top:50px;padding-top:20px;border-top:1px solid #ccc}.github-issues .btn-add-comment{background-color:#000;border:.1rem solid #000;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:700;height:2.8rem;letter-spacing:.1rem;line-height:2.8rem;padding:0 2rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.github-issues .comment{margin:10px 20px;padding:30px 0;border-bottom:1px solid #ccc}.github-issues .comment-header{font-size:1.25em;font-weight:600;margin-bottom:.5em}.github-issues .comment-header-date{font-size:.875rem;--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.github-issues .comment-header-info{display:inline-block;vertical-align:top;margin-left:5px}.github-issues .comment-header-info a{color:inherit;text-decoration:none}.github-issues .comment-header img{width:40px;border-radius:50%;margin-right:5px}.github-issues .comment-body-text{font-size:1rem;line-height:1.75}.github-issues .comment-body-text img{max-width:100%}