body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: WhiteSmoke;
  margin-left: 2%;
  margin-right: 2%;
  overflow-y: scroll;
}
h1 {
  margin: 0;
  padding: 0;
  font-family: "Chela One", "Colonna MT", Arial;
  font-size: calc(24px + 3vw);
  font-weight: bold;
}
h2 {
  font-family: "Chela One", "Colonna MT", Arial;
  font-size: calc(18px + .9vw);
  font-weight: bold;
}
h3 {
  margin: 0;
  padding: 0;
  font-family: "Chela One", "Colonna MT", Arial;
  font-size: calc(18px + .8vw);
  font-weight: normal;
  text-align: left;
  text-indent: 8px;
}
h4 {
  margin: 0;
  padding: 0;
  font-family: "Chela One", "Colonna MT", Arial;
  font-size: calc(8px + 3vw);
  font-weight: normal;
  text-align: left;
  text-indent: 8px;
}

.SubHead {
  text-decoration: underline;
}
.GodChoice {
  cursor: pointer;
  transition: color 1s, visibility 0s, opacity 1s;
}
.GodChoice:hover {
  color: gold;
}
.Hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: color 1s, visibility 0s, opacity 1s;
}
.HiddenToo {
  min-height: 290px;
  display: none;
  visibility: hidden;
  opacity: 0;
  border: 1px solid gray;
  padding-right: 1%;
  transition: color 1s, visibility 0s, opacity 1s;
}
.Prophet {
  text-align: left;
  text-indent: 3%;
  margin-top: 1%;
  list-style-type: none;
  text-decoration: none;
  cursor: pointer;
  transition: color 1s;
}
.Prophet:hover {color: gold;}

img.Right {
  float: right;
  width: 15%;
  max-width: 200px;
  min-width: 80px;
  min-height: 80px;
  max-height: 333px;
  margin-top: 1.5%;
  margin-right: 1%;
}
img.HeadRight {
  float: right;
  margin-right: 15%;
  width: 15%;
  max-width: 100px;
}
.Left {
  float: left;
}
p {
  margin-left: 1%;
  font-family: Arial;
  font-size: calc(12px + .3vw);
  color: black;
}
a {
  font-family: Arial;
  font-size: calc(12px + .3vw);
}
#Help {
  position: fixed;
  top: 0%;
  right: 0%;
  width: 4%;
  border: 1px solid gold;
  font-family: Arial;
  font-size: calc(18px + 1vw);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: Gold;
  background-color: Black;
  transition: color 1s;
}
#Help:hover {
  color: Black;
  background-color: Gold;
}
.Symbol {
  position: absolute;
  top: 0%;
  right: 7%;
  width: 7%;
  min-width: 40px;
  z-index: -1;
}
.GodCard {
  border: 1px solid black;
  margin-left: 4%;
  margin-right: 4%;
  padding-left: 1%;
  font-weight: bold;
  cursor: default;
}
.DataValue {
  color: Indigo;
}
.SelectButt {
  padding: 1%;
  font-family: 'Times New Roman';
  font-size: calc(12px + .6vw);
  font-weight: bold;
  border-radius: 18px; 
  text-align: center;
}