body {
  background-color: transparent;
font-family: Arial, Helvetica, sans-serif;
}



h1 {
  color: white;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  background-color: none;
  border: 2px solid rgba(150, 150, 150, 0.7);
  border-radius: 10px;
}

.aligncenter {
  text-align: center;
  border: 0px solid transparent;
  background-color: transparent;
  background-image: none;
}

h2 {
  color: white;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: none;
  border: 2px solid rgba(150, 150, 150, 0.7);
  border-radius: 10px;
}

h3 {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: orange;
  background-image: radial-gradient(gray, gray, black);
  /* background-image: url("images/chrome-rect-button.png"); */
  /* background-size:cover; */
  border: 2px solid white;
  border-radius: 10px;
}

p {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  /* font-size: 12pt; */
  border: 0px solid rgba(150, 150, 150, 0.7);
  border-radius: 0px;
  padding: 5em;
  background-image: url("images/ChiOpsCrystal.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;

}

iframe {
  text-align: center;
  width: 100%;
  /* height: fit-content; */
  border: none;
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}