body {
  font-family: sans-serif;
  background-color: #c7c7c7; }
  body header nav ul {
    display: flex;
    list-style: none;
    gap: 1em; }
  body div {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center; }
  body main {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center; }
    body main img.icon {
      width: 1.5em; }
    body main p {
      display: flex;
      margin-block-start: unset;
      margin-block-end: unset; }
    body main div.feature {
      flex-direction: row;
      background-color: white;
      border-radius: 1em;
      gap: 1em;
      margin: auto;
      padding: 1.5em; }
      body main div.feature img.portriat {
        width: 15em;
        border-radius: 50%; }
      body main div.feature div.summary {
        align-items: start;
        gap: 0.75em; }
        body main div.feature div.summary div.row {
          flex-direction: row;
          gap: 0.5em; }
    body main div.content-container {
      max-width: 50em; }
      body main div.content-container div.content-section div.content-inner {
        flex-flow: row wrap;
        gap: 1em;
        align-items: stretch; }
        body main div.content-container div.content-section div.content-inner div.project {
          background-color: white;
          border-radius: 1em;
          flex-wrap: wrap;
          flex: 1 0 30%;
          padding: 0.5em;
          align-content: flex-start;
          justify-content: space-between; }
          body main div.content-container div.content-section div.content-inner div.project div.icons {
            padding-top: 0.5em;
            display: flex;
            flex-direction: row;
            gap: 0.75em; }
  body footer {
    text-align: center;
    padding: 1em; }