body{
  color: black;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.144);
}

#textContainer {
  
  background-color: rgba(255, 255, 255, 0.8);
}

#noHeaderTextContainer {
  
  background-color: rgba(255, 255, 255, 0.8);
}

/* .nav-bar{
  background-color: white;
  border: 3px solid black;
} */

#navDiv {
  /* border: 3px solid black; */
  /* box-shadow: rgba(0, 0, 0, 0.075) 3px 3px 3px; */
  /* background-color: rgba(38, 88, 160, 0.7); */
  background-color: transparent !important;
}

/* .nav-text{
  color: rgb(231, 109, 109);
} */

.nav-button{
  text-decoration: underline dashed 3px rgb(231, 109, 109);
  background-color: transparent;
  color: black;
}

.nav-button:hover{
  font-weight: bolder;
  color: rgb(231, 109, 109);
  text-shadow: 1px 1px 1px rgba(231, 109, 109, 0.5);
}

h1, h2, h3, h4, h5, h6{
  /* color: rgb(0, 0, 0); */
  color: rgba(38, 88, 160, 0.7);
  text-shadow: 1.3px 1.3px 1px rgba(255, 255, 255, 0.23) ;
}

.headerDiv{
  background-color: rgba(255, 255, 255, 0.8);
}

#dividerDiv > svg > line {
  stroke: rgba(38, 88, 160, 0.7);
}