html{scroll-behavior:smooth}body{font-family:Roboto,Arial,sans-serif;font-weight:100;line-height:1.6;font-size:1.2rem;background:#f8f8f8}.app{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 1275px){.app{display:block;padding:0 0vw}}*{margin:0;padding:0;box-sizing:border-box}:target{scroll-margin-top:50px}h1,h2,h3{font-weight:300}a{text-decoration:none;color:inherit}.sidebar{position:fixed;width:200px}@media (max-width: 1275px){.sidebar{position:relative;width:auto}}header{margin-bottom:0;padding:40px 0 20px;text-transform:uppercase}@media (max-width: 1275px){header{padding:40px 0 10px;text-align:center;width:auto}}header h1{font-size:2rem;margin:0 0 4px -1px;line-height:1;font-weight:700}header p{font-size:1rem;color:#666;margin:0;font-weight:400}nav li{list-style:none;margin:0;padding:0}@media (max-width: 1275px){nav li{padding:10px 0;text-align:center}}nav li a{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;line-height:2;display:block;padding:2px 0}nav li a:hover{color:#000;font-weight:300}nav li a.active{color:#000;font-weight:400}nav li a.divider{border-top:1px solid #ddd;padding-top:20px;display:block;margin-top:20px}@media (max-width: 1275px){nav li a.divider{border-top:none;margin:0;padding:0}}@media (max-width: 1275px){nav ul.project-nav{display:none}}.profile-links{margin-top:20px}@media (max-width: 1275px){.profile-links{margin:0 4px 30px;text-align:center}}.profile-links a{margin-right:10px;font-size:.8rem;color:#666}.profile-links a:hover{color:#000}@media (max-width: 1275px){.profile-links a{margin:0 4px}}.profile-links img{width:24px;height:24px}.content{width:1200px;margin:0 auto;padding:0;display:flex;flex:1}@media (max-width: 1275px){.content{display:block;width:auto}}.project-slider{flex:1;max-width:700px;margin-left:400px;border-radius:8px}@media (max-width: 1275px){.project-slider{width:auto;margin:0 auto}}.slider-header{padding:0;text-align:center;background:#222;margin-bottom:120px}.slider-header img{max-width:100%;height:auto;height:300px}.project{margin-bottom:80px}@media (max-width: 1275px){.project .project-details{padding:0 20px;width:70%;margin:0 auto 40px}}.project h3{text-transform:uppercase;font-size:1rem;letter-spacing:1px}.project p{font-size:.9rem;color:#666}.project img{max-width:100%;margin-bottom:20px}.project .tools{display:none}footer{border-top:1px solid #ddd;margin-top:40px;padding:20px 0;text-align:center;color:#888;font-size:1rem;background-color:#fafafa}