body {
    margin: 0;
    padding: 0;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
}

.container {
    width: 470px;
    margin-left: 50px;
}

.other-container {
  width: 400px;
  margin-left: 50px;
}

.project-container {
    width: 470px;
    margin-left: 50px;
}

.pdf-viewer {
    width: 700px;
    height: 700px;
    padding-top: 20px;
}

.image {
    margin-top: 20px;
}

.image img {
    width: 500px;
}

.text-block {
  padding-top: 11px;
}

ul {
  list-style-type: none;
  padding: 0;
}

a {
  text-decoration-style: dotted;
  color: black;
}

a:hover {
  background-color: gray;
}

@media only screen and (max-width: 1050px) {
  html, body {
      width: 100%;
      max-width: 100%;
  }
  .container, .project-container {
      width: 77%;
      max-width: 100%;
      margin: auto;
  }
  .pdf-viewer {
      display: none;
  }
}