body {
    font-family: "Roboto", Helvetica, sans-serif;
    font-weight: 400;
    color: #000;
    margin: 0;
  }
  body h1, body h2, body h3, body h4, body h5, body h6, body p {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
  }
  
  /* colors available:
   * $primary: #3828ee;
   * $accent: #55fbdc;
   * $white: #fff;
   * $black: #000;
   * $dark-gray: #3d3d3d;
   *
   * $green: #1CED7D;
   */
  div#container h1 {
    text-align: center;
  }
  div#container div.project {
    width: min-content;
    margin: 10px auto;
    background-color: rgb(232, 232, 232);
    width: 600px;
  }
  @media only screen and (max-width: 660px) {
    div#container div.project {
      width: 90%;
    }
  }
  div#container div.project div.info-container {
    padding: 10px;
  }
  div#container div.project div.info-container strong {
    font-weight: 700;
  }
  div#container div.project div.info-container div.details {
    color: #565656;
    display: block;
  }
  div#container div.project div.info-container div.details div {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  div#container div.project div.info-container div.details div.date {
    font-style: italic;
    float: right;
  }
  div#container div.project div.info-container div.description {
    text-align: justify;
  }
  div#container div.project div.info-container div.link-bar a {
    color: #3828ee;
  }