nav ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
  }

  nav ul li {
      position: relative;
      margin-right: 20px;
  }

  nav ul li ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      list-style-type: none;
      padding: 0;
      margin: 0;
      background-color: white;
      border: 1px solid #ccc;
  }

  nav ul li:hover ul {
      display: block;
  }

  nav ul li ul li {
      margin: 0;
  }

  nav ul li ul li a {
      display: block;
      padding: 10px;
      text-decoration: none;
  }


/* styles for the programming page */
  .project {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
  }

  .project-img {
      width: 50px;
      height: 50px;
      margin-right: 10px;
      border-radius: 5px;
  }

  h3 {
      margin: 0;
      font-size: 1.5em;
  }

  p {
      margin: 0;
      font-size: 1em;
  }


  .wrapper {
        width: 860px;
        margin: 0 auto;
  }

  section {
        width: 500px;
        float: right;
        padding-bottom: 50px;
  }