#root{max-width:600px;margin:0 auto;padding:8rem 4rem;min-height:100vh}header{margin-bottom:8rem}header h1{font-size:1.8em;line-height:1.2;margin-bottom:1rem;font-weight:200;color:#333;letter-spacing:.1em;text-transform:uppercase}header p{font-size:.85em;color:#999;letter-spacing:.05em;margin-bottom:0}main{margin:0}section{margin-bottom:6rem;padding:0;position:relative}section:before{content:"";position:absolute;left:-2rem;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,#ddd 20%,#ddd 80%,transparent)}section h2{font-size:.75em;margin-bottom:2rem;color:#aaa;font-weight:400;letter-spacing:.2em;text-transform:uppercase;position:relative}section h2:before{content:">";position:absolute;left:-2.5rem;color:#ccc;font-weight:300}section p{font-size:.9em;line-height:1.6;color:#666;margin-bottom:1.5rem}.skills ul{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.skills li{font-size:.8em;color:#999;padding:.8rem 0;border:1px solid #eee;text-align:center;letter-spacing:.05em;position:relative;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.02) 100%)}.skills li:before{content:"█";position:absolute;left:.8rem;color:#ddd;font-size:.6em}.apps ul{list-style-type:none;padding:0;margin:0}.apps li{margin-bottom:1rem;padding:1rem 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.apps li:last-child{border-bottom:none}.apps a{color:#666;text-decoration:none;font-size:.9em;letter-spacing:.02em;position:relative;padding-left:1.5rem}.apps a:before{content:"▶";position:absolute;left:0;color:#ccc;font-size:.7em;top:.1em}.apps a:hover{color:#333}.apps a:hover:before{color:#999}.app-description{font-size:.8em;color:#aaa;font-weight:300;letter-spacing:.02em}.contact{position:relative}.contact p{margin:0;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.contact a{color:#999;text-decoration:none;font-family:inherit}.contact a:hover{color:#333}@media (max-width: 768px){#root{padding:4rem 2rem}header{margin-bottom:4rem}section{margin-bottom:4rem}section:before{left:-1rem}section h2:before{left:-1.5rem}.skills ul{grid-template-columns:1fr}}:root{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Consolas,monospace;line-height:1.4;font-weight:300;font-size:14px;color:#666;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:300;color:#999;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}a:hover{color:#333;border-bottom:1px solid #999}body{margin:0;min-width:320px;min-height:100vh;background-color:#fafafa}h1{font-size:1.8em;line-height:1.2;font-weight:200;color:#333;letter-spacing:.1em}