/* invocations CSS document */

h2, h3
{
  text-align: center;
  margin: auto;
  font-family: "Monotype Corsiva";
  color: #FFEA03;
}

.subHeadings
{
  text-align: center;
  margin: auto;
  font-family: "Monotype Corsiva";
  font-size: 1.4em;
  color: #FFEA03;
}

.subtitle, .title
{
  text-align: center;
  margin: auto;
  font-family: "Perpetua";
  font-weight: bold;
  color: #FFEA03;
}

#mainInvocation li
{
  list-style: none;
}

#mainInvocation a
{
  outline: none;
  font-family: "Monotype Corsiva";
  color: #FFEA03;
  outline: none;
}

#mainInvocation img
{
  position: relative;
  top: 4em;
  left: 16em;
}

.angelicProtection
{
  position: absolute;
  top: 14em;
  left: 12em;
  text-align: center;
  font-size: 110%;
}

.violetRedProtection
{
  position: absolute;
  top: 14em;
  left: 31em;
  text-align: center;
  font-size: 110%;
}

.crystalElixirs
{
  position: absolute;
  top: 19.5em;
  left: 21em;
  text-align: center;
  font-size: 110%;
}

#whiteLightProtection
{
  text-align: left;
  margin: auto;
  margin-top: 3em;
  font-family: "Perpetua";
  font-size: 120%;
  color: #FFEA03;
  width: 24em;
}

#violetRedInvocation
{
  text-align: left;
  margin: auto;
  margin-top: 3em;
  font-family: "Perpetua";
  font-size: 120%;
  color: #FFEA03;
  width: 24em;
}

#elixirRecipes
{
  position: relative;
  text-align: left;
  margin: auto;
  margin-top: 3em;
  font-family: "Perpetua";
  font-size: 120%;
  color: #FFEA03;
  width: 24em;
}

.wellBeingRecipe,
.loveRecipe
{
  position: relative;
  height: 326px;
  width: 252px;
  margin: auto;
  margin-top: 3em;
  margin-bottom: 3em;
  background-image: url('../images/invocations/parchment-2.png');
}

.wellBeingRecipe .ingredients
{
  position: absolute;
  left: 1em;
  top: 3em;
  width: 230px;
  color: #25008C;
  font-size: 0.9em;
  font-weight: bold;
}

.loveRecipe .ingredients
{
  position: absolute;
  left: 1em;
  top: 1em;
  width: 230px;
  color: #25008C;
  font-size: 0.9em;
  font-weight: bold;
}

.ingredients span
{
  font-size: 0.9em;
  font-weight: 600;
}

#pitcher
{
  position: relative;
  left: 1.5em;
  padding-bottom: 2.5em;
}