/* RE SOLUCE CSS */

body {
  margin: 0;
  min-height: 100vh;
}

/* CHRIS */
body.chris::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
  opacity: 0.8;
  z-index: -1;
}

/* JILL */
body.jill::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
  opacity: 0.8;
  z-index: -1;
}

/* FABLE */
body.fable::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url("../fable_assets/bg.png") center / cover no-repeat;
  opacity: 0.8;
  z-index: -1;
}


h1, h3 {
	color:red;
}

h1 {
    position: sticky; top: 0;
    padding: 1em; z-index: 10;  
}

p {
	text-align: center;
	color: honeydew;
	font-size: larger;
}

img {
	text-align: center;
	margin:auto;
	max-width: 100%;
	height: auto;
}

b, .subSectionDesc, .subSectionTitle {
	text-align: center;
	color: honeydew;
	font-size: larger;
}