@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/inconsolata-vietnamese-wght-normal.C5Hzp2b_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/inconsolata-latin-ext-wght-normal.C75G6mlG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/inconsolata-latin-wght-normal.DBskYKbm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#fc961f;--accent-dim:#c47a28;--accent-pale:#e9c096;--link:#b8894d;--link-visited:#94795a;--link-hover:#fc961f;--link-active:#ffb254;--link-underline:#4a3a24}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-y:scroll}body{color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;min-height:100vh;font-family:Inconsolata Variable,Inconsolata,monospace;line-height:1.6}.container{max-width:680px;margin:0 auto;padding:5rem 1.5rem 3rem}.header{text-align:left;margin-bottom:2rem}.name{letter-spacing:.01em;text-transform:lowercase;color:#f5f5f5;font-size:1.15rem;font-weight:500}.content{margin-bottom:4rem}.section{margin-bottom:1rem}.section-header{align-items:center;margin-bottom:.3rem;display:flex}.section-toggle{cursor:pointer;align-items:center;list-style:none;display:flex}.section-toggle::-webkit-details-marker{display:none}.section-toggle:before{content:"−";color:#888;text-align:left;width:.9rem;height:.9rem;margin-right:.5rem;font-size:.9rem;font-weight:300;line-height:1;display:inline-block}.section:not([open]) .section-toggle:before{content:"+"}.section-title{color:#f5f5f5;text-transform:lowercase;font-size:.9rem;font-weight:400}.section-content{opacity:1;height:auto;padding-left:1.75rem;transition:opacity .3s;overflow:hidden}.section-content p{color:#ccc;margin-bottom:.8rem;font-size:.85rem}.section-content p:last-child{margin-bottom:0}.section-content ul{margin-bottom:.8rem;padding-left:0;list-style:none}.section-content li{color:#ccc;margin-bottom:.4rem;padding-left:1rem;font-size:.85rem;position:relative}.section-content li:before{content:"•";color:#888;position:absolute;left:0}.section-content li:last-child{margin-bottom:0}.section[data-section=work] .section-content{width:min(748px,100vw - 3rem);margin-left:50%;transform:translate(-50%)}.timeline{padding:0;list-style:none;position:relative}.timeline:before{content:"";background:#2e2e2e;width:1px;position:absolute;top:.5rem;bottom:.5rem;left:50%;transform:translate(-50%)}.section-content .timeline-item{box-sizing:border-box;text-align:right;width:50%;margin-bottom:2rem;padding:0 2rem 0 0;position:relative}.section-content .timeline-item:nth-child(2n){text-align:left;margin-left:50%;padding:0 0 0 2rem}.section-content .timeline-item:last-child{margin-bottom:0}.section-content .timeline-item:before{content:none}.timeline-item .timeline-date:after{content:"";background:#666;border-radius:50%;width:7px;height:7px;position:absolute;top:.3rem;right:-3.5px}.timeline-item:nth-child(2n) .timeline-date:after{left:-3.5px;right:auto}.timeline-item .timeline-date:before{content:"";background:#2e2e2e;width:1.25rem;height:1px;position:absolute;top:.5rem;right:.4rem}.timeline-item:nth-child(2n) .timeline-date:before{left:.4rem;right:auto}.timeline-date{color:#666;margin-bottom:.35rem;font-size:.75rem}.project-name{color:#f5f5f5;margin-bottom:.2rem;font-size:.85rem;font-weight:600}.project-name a{color:inherit;border-bottom:1px solid var(--link-underline);text-decoration:none;transition:border-color .2s}.project-name a:hover{border-bottom-color:var(--link-hover)}.section-content .project-description{color:#ccc;text-wrap:pretty;margin-bottom:.2rem;font-size:.85rem;line-height:1.5}.project-links{font-size:.85rem;line-height:1.5}.project-links a{color:var(--link);text-decoration:none;transition:color .2s}.project-links a:visited{color:var(--link-visited)}.project-links a:hover{color:var(--link-hover)}.project-links a:active{color:var(--link-active)}.project-links-sep{color:#555}.link-metric{color:#666}.metric-icon-up{font-size:.85em;display:inline-block;transform:translateY(-2px)}.project-description a{color:var(--link);text-decoration:none;transition:color .2s}.project-description a:visited{color:var(--link-visited)}.project-description a:hover{color:var(--link-hover)}.project-description a:active{color:var(--link-active)}.section-content a{color:var(--link);text-decoration:none;transition:color .2s}.section-content a:visited{color:var(--link-visited)}.section-content a:hover{color:var(--link-hover)}.section-content a:active{color:var(--link-active)}.footer{text-align:left;border-top:1px solid #222;padding-top:2rem}.social-links{justify-content:flex-start;gap:1.5rem;display:flex}.social-links a{color:#888;justify-content:center;align-items:center;transition:color .2s;display:flex}.social-links a:hover{color:#f5f5f5}.social-icon{width:16px;height:16px}@media (width<=640px){html{font-size:14px}.container{padding:2rem 1rem}.header{margin-bottom:2rem}.name{font-size:1.6rem}.section[data-section=work] .section-content{width:100%;margin-left:0;transform:none}.timeline:before{left:3px;transform:none}.section-content .timeline-item,.section-content .timeline-item:nth-child(2n){text-align:left;width:100%;margin-left:0;padding:0 0 0 1.75rem}.timeline-item .timeline-date:after,.timeline-item:nth-child(2n) .timeline-date:after{left:0;right:auto}.timeline-item .timeline-date:before,.timeline-item:nth-child(2n) .timeline-date:before{width:.9rem;left:.4rem;right:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}
