/* Color Reference
Watermelon
#FE6575
254,101,117

Lapis
#606BB1
96,107,177

Aqua
#D0ECEC
208,236,236

Mustard
#FBC561
251,197,B97

*/


:root {
  /* ---- Color ---- */
  --watermelon: #FE6575;
  --lapis: #606BB1;
  --aqua: #D0ECEC;
  --sec-bkgrd-project-color: #606BB1;
  --sec-bkgrd-project-color-light: rgba(96,107,177,0.1);

  --project-main-color: var(--watermelon);
  --project-button-color: var(--lapis);
  --project-progress-bar-btm: 1px solid rgba(0, 0, 0, 0.2);
  --project-progress-bar-top: 1px solid rgba(254,10,117,0.7);
}

.color-text {
  color: var(--lapis);
}

h5.color-text {
  color: var(--watermelon);
}

.sec-bkgrd-project-color {
  background-color: var(--sec-bkgrd-project-color);
}

.sec-bkgrd-project-color-light {
  background-color: var(--sec-bkgrd-project-color-light);
}

.persona-img {
  background: url('../img/weup/persona.jpg') no-repeat center center; 
  background-size: cover;
  border-radius: 1rem;
  height: 100%;
  min-height: 12rem;
}

.persona-quote-wrapper {
  background-color: var(--lapis);
  padding: 20px 30px;
  border-radius: 0px 2rem 2rem 2rem;
}

.decrease-margin {
  margin-top: -5px;
}

.highlight-img-wrapper {
  max-height: 430px;
}

#navScroll {
  height: 56vh;
  top: 22vh;
}