/* Color Reference
Ice Cream
#F0CFC4
240, 207, 196

Mint
#558A84
85, 138, 132

Blueberry
#2C3642
44, 54, 66

Chocolate
#36210A
54, 33, 10

Strawberry
#D8726B
216, 114, 107

Matcha
#315954
49, 89, 84

*/


:root {
  /* ---- Color ---- */
  --ice-cream: #F0CFC4;
  --mint: #558A84;
  --blueberry: #2C3642;
  --chocolate: #36210A;
  --strawberry: #D8726B;
  --matcha: #315954;
  --sec-bkgrd-project-color: var(--matcha);
  --sec-bkgrd-project-color-light: rgba(240, 207, 196, 0.1);

  --project-main-color: var(--strawberry);
  --project-button-color: var(--matcha);
  --project-progress-bar-btm: 1px solid rgba(216, 114, 107, 0.2);
  --project-progress-bar-top: 1px solid rgba(216, 114, 107, 0.7);
}

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

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

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

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


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

#navScroll {
  height: 41vh;
  top: 29.5vh;
}