#about {
  min-height: 80vh;
  background: rgba(255,255,255,0.8);
}
.text {
  padding: 5% 10% 3%;
  margin: 3em auto 0;
  max-width: 800px;
  color: var(--clr-blu-1);
  font-size: 1.5rem;
  line-height: 2.4rem;
}
.text a {
  color: var(--clr-blu-1);
  filter: brightness(1.2);
}

#about .down-arrow {
  position: relative;
  top: -5%;
  margin-bottom: 2%;
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
}

#about .down-arrow * {
  color: var(--clr-blu-1);
}

#about .down-arrow p {
  text-align: center;
  position: relative;
  top: -10%;
}

#about .down-arrow i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  font-size: 30px;
  cursor: pointer;
  animation: bob 4s ease-in-out infinite;
}