/* Color Reference

Navy
#2C2444
44 36 68

Almost Black
#0E082A
14 8 42

Light Blue
#52B5F0        
82 181 240

Aqua
#00DBC6
0 219 198

Yellow
#FFE41F
255 228 31

Light Purple
#7376F7
115, 178, 247,

Blue
#2C4BEC
44 75 236

*/


:root {
  /* ---- Color ---- */
  --almost-blck: #0E082A;
  --navy: #2C2444;
  --light-blue: #52B5F0;
  --aqua: #00DBC6;
  --light-purple: #7376F7;
  --sec-bkgrd-project-color: var(--navy);
  --sec-bkgrd-project-color-light: rgba(115, 178, 247, 0.8);

  --project-main-color: var(--light-purple);
  --project-button-color: var(--aqua);
  --project-progress-bar-btm: 1px solid rgba(255, 255, 255, 0.2);
  --project-progress-bar-top: 1px solid rgba(115, 178, 247, 0.7);
}

body {
  background-color: var(--almost-blck);
  color: var(--fog-grey);
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--fog-grey);
}

.color-text {
  color: var(--light-purple);
}

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

.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;
}

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

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

.fade-number {
  color: var(--fog-grey);
}

.sec-bkgrd-white {
  background-color: white;
}

.dark-text {
  color: var(--dark-grey);
}

.share ul li a {
  border-color: var(--fog-grey);
}

.share ul li a .fab, 
.share ul li a .far {
  color: var(--fog-grey);
}

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

/* .prototype-phone-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
} */

/* .prototype-frame {
  display: block;
  width: 100%;
  max-width: 360px;
  max-height: 740px;
  overflow: auto;
  border: black 8px solid;
  border-color: var(--dark-grey);
  border-radius: 2rem;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;

  } */

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