body {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(20, 58, 11, 1) 100%
  );
}

.CenterDiv {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  color: blue;
  text-align: center;
}

@font-face {
  font-family: "Pixel Tandysoft";
  src: url(PixelTandysoft-0rJG.ttf) format("truetype");
}

.RC {
  font-family: "Pixel Tandysoft", Verdana, Tahoma;
  font-size: 4rem;
  color: #000;
}

.NormalText {
  font-family: "Pixel Tandysoft", Verdana, Tahoma;
  font-size: 2rem;
  color: white;
}

.Footer {
  position: absolute;
  bottom: 50px;
  text-align: center;
  width: 100%;
}

a:link {
  text-decoration: none;
}

.MainImage {
  width: 80%;
  margin: auto;
}

.audioPlayer {
  margin: auto;
}

.episodeList {
  width: 100%;
  height: 60vh;
}

.LeftCol {
  width: 30%;
  vertical-align: top;
}

.RightCol {
  vertical-align: top;
  height: 100%;
}

tr {
  vertical-align: top;
}

.FooterText {
  width: 50vw;
  text-align: center;
  margin: auto;
  font-family: Verdana, Tahoma;
  font-size: 1rem;
  color: black;
}

.podcastImage {
  max-height: 2rem;
}

.Episode {
  border-radius: 10px;
  background-color: black;
  text-align: center;
  border: 2px solid rgb(47, 255, 0);
}
.EpisodeTable {
  width: 100%;
}
.PlayerCol {
  width: 30%;
  vertical-align: middle;
  text-align: left;
  height: 100%;
}
.DescCol {
  width: 70%;
  color: white;
  vertical-align: top;
  border-left: 1px solid white;
  padding-left: 1rem;
}

.EpisodeDivider {
  border-top: 1px solid rgb(127, 145, 219);
}