/* Color Reference
Yellow
#FCBF4A
252, 191, 74

Coral
#E6725A
230, 114, 90

Forest
#173640
23, 54, B64

Orange
#F15A25
241, 90, 37

Blue
#055499
5, 84, 153

Navy
#2C3154
44, 49, 84 

*/


:root {
  /* ---- Color ---- */
  --yellow: #FCBF4A;
  --coral: #E6725A;
  --forest: #173640;
  --sec-bkgrd-project-color: var(--coral);
  --sec-bkgrd-project-color-light: rgba(230, 114, 90, 0.1);

  --project-main-color: var(--yellow);
  --project-button-color: var(--coral);
  --project-progress-bar-btm: 1px solid rgba(0, 0, 0, 0.2);
  --project-progress-bar-top: 1px solid rgba(252, 191, 74,0.7);
}

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

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

.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/gogoal/persona.jpg') no-repeat center center; 
  background-size: cover;
  border-radius: 1rem;
  height: 100%;
  min-height: 12rem;
}

.persona-quote-wrapper {
  background-color: var(--coral);
  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;
}
