.genomics-content {
  background-color: white;
}

.genomics-content p {
  font-size: 1.5rem;
  z-index: 5;
}
.genomics-content .header h1 {
  margin: 2rem 0 2rem 0;
  font-size: 3rem;
  z-index: 5;
}

.genomics-content h2 {
  font-size: 2.5rem;
  margin: 2rem 0 1.5rem 0;
  z-index: 5;
}

.content-container {
  position: relative;
  padding-top: 2rem;
  z-index: 5;
}

.background-blob {
  z-index: 0;
  position: absolute;
}

.genomics-content .header h3 {
  font-size: 2rem;
  text-align: left;
}

.genomics-content .header .background-blob {
  right: 0;
  z-index: 0;
}

.genomics-content-subsection {
  margin: 2.5rem 0 2.5rem 0;
}

.graphic-translation h2 {
  color: white;
  text-shadow:
    -1px -1px 0 #012544,
    1px -1px 0 #012544,
    -1px 1px 0 #012544,
    1px 1px 0 #012544;
}

.graphic-translation h3 {
  font-size: 2rem;
  text-align: center;
  color: white;
  text-shadow:
    -1px -1px 0 #012544,
    1px -1px 0 #012544,
    -1px 1px 0 #012544,
    1px 1px 0 #012544;
}

.genomics-content .graphic-translation .background-blob {
  left: 0;
  z-index: 1;
}

.link-DNA-genomes .left p {
  color: white;
  text-shadow:
    -1px -1px 0 #012544,
    1px -1px 0 #012544,
    -1px 1px 0 #012544,
    1px 1px 0 #012544;
}

.language-content {
  display: flex;
  align-items: center;
}

.language-DNA h2,
.language-DNA .subheader {
  color: white;
  text-shadow:
    -1px -1px 0 #103050,
    1px -1px 0 #103050,
    -1px 1px 0 #103050,
    1px 1px 0 #103050;
}

.language-DNA .background-blob {
  left: 0;
  width: 100%;
  z-index: 0;
}

.language-content .left {
  flex-grow: 1;
}

.language-content .left h5 {
  font-size: 2rem;
  margin: 1rem 0 1rem 0;
}

.genomics-content .subheader {
  font-size: 1rem;
}

.DNA-variations .background-blob {
  right: 0;
}

.DNA-variations .blob5 {
  margin-top: 60px;
}

.DNA-variations-content {
  display: flex;
  align-items: center;
}

.genomics-content .content {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.genomics-vs-genetics h3 {
  text-align: left;
}

.metagenomics .background-blob {
  bottom: 0;
  left: 0;
}

.metagenomics .left {
  flex: 1;
}

.metagenomics .right {
  flex: 1;
}

.image-credits {
  margin-top: 2rem;
  font-size: 0.5rem;
  text-align: right;
}