html,
      body,
      p,
      h1,
      h2 {
        font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
          "Lucida Grande", "Segoe UI";
        margin: 0;
        padding: 0;
        color: #555;
      }

      html,
      body {
        background: #fafafa;
      }

      #header {
        width: 100%;
        height: 67vw;
        background-image: url(/private/goated.jpeg);
        background-repeat: no-repeat;
        background-size: 100%;
        overflow: hidden;
      }

      #header__name {
        font-size: 8vw;
        color: #ffffff;
        margin-left: 5vw;
        margin-top: 15vw;
        margin-bottom: 0;
      }

      #header__title {
        font-size: 3vw;
        color: #ffffff;
        margin-left: 5vw;
        margin-top: 1vw;
      }

      .flex_container {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
        max-width: 960px;
        border: 20px solid transparent;
        border-top-width: 0;
      }

      .project {
        text-decoration: none;
        width: 460px;
        overflow: hidden;
      }

      .project__name {
        margin: 4px 0px;
        color: #383838;
        font-size: 30px;
        font-weight: bold;
      }

      .project__description {
        margin: 0px 0px;
        color: #505050;
        font-size: 16px;
        font-weight: 300;
      }

      .project__image {
        margin: 10px 0px;
        width: 460px;
        height: 200px;
        transition: 0.1s;
      }

      .project__image:hover {
        opacity: 0.8;
      }

      .info__title {
        font-size: 38px;
        color: #353535;
        margin-top: 50px;
        margin-bottom: 20px;
        width: 100%;
      }
      p {
        margin: 10px 0; 
        max-width: 400px;
      }