h1 {
  font-weight: 500;
  /* margin-bottom: 10px; */
}
h2 {
  font-size: 26px;
  font-weight: 500;
  margin-top: -10px;
  margin-bottom: 10px;
}
h3 {
  font-weight: 550;
  margin-top: 20px;
  margin-bottom: 10px;
}
.link-p {
  margin: 10px;
}
.about {
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
}
.parent {
  display: flex;
  flex-direction: column;
  width: 70%;
  align-self: center;
}
.link-headers {
  align-self: center;
}

.resemblance-header {
  align-self: center;
}
.resemblance-figure {
  width: 60%;
}

.methodology-header {
  align-self: center;
}

.fig {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 60%;
}
.fig-div {
  display: flex;
  justify-content: center;
}

.data-collection {
  margin-bottom: 40px;

  display: flex;
  flex-direction: column;
  align-self: center;
}

body {
display: flex;
flex-direction: column;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
}

.table-container {
  max-height: 400px;      /* set desired height */
  overflow-y: auto;       /* enables vertical scrolling */
}