body{margin:0 auto;font-family:sans-serif;background:#a87c9f}h1{font-size:1.2rem;background:#5778a4;color:#fff;border-radius:10px;border:solid 2px #000;padding:5px;font-weight:400}h2{font-size:1rem;margin-bottom:0}p{font-size:1rem;margin-top:0;margin-bottom:1rem}nav{list-style:none;padding:5px;background:#6a9f58;font-size:1.2rem;border-radius:10px;border:solid 2px #000}nav a{color:#fff;text-decoration:none;padding:0 5px}nav a:hover{text-decoration:underline}.h1-link{color:#fff;text-decoration:none}.h1-link:hover{text-decoration:underline}nav{list-style:none;padding:5px;background:#6a9f58;font-size:1.2rem;border-radius:10px;border:solid 2px #000;margin-top:10px;margin-bottom:10px}nav a{color:#fff;text-decoration:none}nav a:hover{text-decoration:underline}nav li{display:inline;padding:0 5px}.nav-left{display:flex;flex-grow:1;justify-content:left;align-items:center}.nav-right{display:flex;justify-content:right;align-items:center}footer{background:#f2f2f2;padding:2px;font-size:.7em;text-align:center}.flex-container{display:flex;justify-content:center}.flex-container>div{flex-grow:1;flex-wrap:wrap;background-color:#f1f1f1;margin:0;padding:0 20px 20px;max-width:640px;border:solid 2px;box-shadow:5px 5px black}figure{margin:0}.fa{padding:10px;text-align:right;text-decoration:none;border-radius:50%}.fa:hover{opacity:.7}.fa-linkedin{background:#0a66c2}.fa-github{background:#000;color:#fff}.date{font-size:1rem;color:#999;margin-bottom:0}