.flex,.aligned,.projects .tile .project-footer,.space-evenly,.space-between,.projects .tile .tile-header .project-links{display:flex}.space-between,.projects .tile .tile-header .project-links{justify-content:space-between}.space-evenly{justify-content:space-evenly}.aligned,.projects .tile .project-footer{align-items:center}.container{max-width:1650px;margin:auto}.page-header{font-size:32px}.section{margin-top:24px;padding:24px}.article{max-width:1000px;margin:0 auto}.centered{text-align:center}.bio-header{margin-bottom:24px}.bio-title{font-size:40px;color:#d9b48f}.biography{font-size:20px}.channels{padding-top:24px;margin:24px;font-size:100%;vertical-align:baseline}.channels svg{width:32px;height:32px;margin:0 2%}.contact{line-height:1.8}.contact .contact-text{margin-left:12px}.experience .job-grid{display:grid;grid-row-gap:48px}.experience .job-experience{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:24px}.experience .job-experience .job-logo{background-color:#f6f6f6;height:225px;border-radius:20%;display:flex;align-items:center;justify-content:center}.experience .job-experience .job-logo.dark{background-color:#2da8d8}.experience .job-experience .job-logo img{width:200px}.experience .job-experience .job-info{display:grid;grid-row-gap:8px}.experience .job-experience .job-info .job-company{line-height:1.45;font-size:28px;font-weight:bolder}.experience .job-experience .job-info .job-company a{color:#d9b48f}.experience .job-experience .job-info .job-role{color:#b3c7d6;font-weight:bolder}.experience .job-experience .job-info .job-location{font-weight:bolder}.experience .job-experience .job-info .job-company-description{font-size:18px;font-style:italic}.experience .job-experience .job-info .job-description{font-size:16px;line-height:1.8}.experience-company span{font-size:3rem;letter-spacing:.1em;line-height:1.5}.experience-company img{height:50px;width:auto}.experience-job-title{font-size:24px;color:#d9b48f}.experience-code-tag svg{width:1.5rem;height:1.5rem}.nav-bar{background-color:#2a2b2d;height:80px;padding:0 36px;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 8px 6px -6px #2a2b2d;display:flex;align-items:center;justify-content:space-between}.name{font-size:28px;letter-spacing:.1em}.nav-button{outline:none;z-index:1001}.nav-button button div{background-color:#b3c7d6!important}.nav-button:hover button div{background-color:#d9b48f!important}.nav-overlay{align-items:center;background-image:linear-gradient(to right,#2a2b2d,#2a2b2d);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translate3d(0,-100%,0);transition:.4s cubic-bezier(.785,.135,.15,.86);width:100%;z-index:999}.nav-overlay.open{transform:translateZ(0)}.nav-overlay-links{text-align:center;color:#d9b48f;display:flex;flex-direction:column;gap:1rem}.nav-overlay-links a{font-size:4rem;letter-spacing:.1em;line-height:2;text-decoration:none;display:block}.nav-spacer{height:80px}.projects .grid{display:grid;grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.projects .tile{border:1px solid #b3c7d6;box-shadow:0 2px 4px #b3c7d6,0 3px 4px #b3c7d6;padding:12px;height:360px;display:grid;grid-template-rows:1fr 3fr 1fr}.projects .tile .tile-header{padding:8px;display:grid;grid-template-columns:4fr 1fr}.projects .tile .tile-header .project-icon svg{color:#d9b48f;width:48px;height:48px}.projects .tile .tile-header .project-links svg{width:20px;height:20px}.projects .tile .tile-header .project-links a{color:#b3c7d6}.projects .tile .tile-header .project-links a:hover{color:#d9b48f;border-bottom:#d9b48f}.projects .tile .project-body .project-title{font-size:24px;color:#d9b48f}.projects .tile .project-body .project-description{padding:12px 0;line-height:1.25;color:#b3c7d6;font-size:16px}.projects .tile .project-footer .technology{margin:4px;color:#d9b48f;font-size:12px;font-style:italic;font-weight:600}.title-wrapper{width:100%;text-align:center;border-bottom:1px solid #d9b48f;line-height:.1em;margin:12px 0 48px;font-size:36px;letter-spacing:.1em}.title{display:inline;color:#d9b48f;background:#2a2b2d;padding:0 12px}*{margin:0;padding:0;box-sizing:border-box}#root{height:100vh}body{-webkit-font-smoothing:antialiased;background-color:#2a2b2d;color:#b3c7d6;font-family:futura-r,sans-serif;margin:0;padding:0;font-size:20px}a{border-bottom:none;color:#b3c7d6;text-decoration:none}a:hover{border-bottom:1px solid #d9b48f;color:#d9b48f;cursor:pointer}