.cover {
  display: flex;
  align-items: center;
  min-height: 40vh;
  padding: 0;
  border: 0;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 60px 0 20px 0;
}
button.swiperBtn {
  color: #fff;
  padding: 6px;
  &:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.bgCover:before,
.bgCover:after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: "";
}
.bgCover:after {
  -webkit-animation: rainbow 60s infinite;
  animation: rainbow 60s infinite;
}
.container {
  position: relative;
  z-index: 11;
  color: #fff;
}
.title {
  font-size: 2.4rem;
  margin-bottom: 20px;
  position: relative;
  max-width: 800px;
}
.subTitle {
  font-size: 1.4rem;
  max-width: 800px;
}
.tags{
  margin-top: 10px;
  margin-bottom: 15px;
}
button.tag {
  padding: 0px 10px;
  border-radius: 20px;
  color: #fff;
  border-color: #fff;
  font-size: 12px;
}
.time {
  font-size: 1rem;
  font-family: Lora, "Times New Roman", serif;
  font-style: italic;
  font-weight: 300;
  margin-top: 20px;
  letter-spacing: 1px;
}

@-webkit-keyframes rainbow {
  0%,
  100% {
    background: rgba(156, 39, 176, 0.75);
    background: linear-gradient(
      45deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
  }

  16% {
    background: rgba(132, 13, 121, 0.75);
    background: linear-gradient(
      45deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
  }

  32% {
    background: rgba(239, 83, 80, 0.75);
    background: linear-gradient(
      45deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
  }

  48% {
    background: rgba(255, 87, 34, 0.75);
    background: linear-gradient(
      45deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
  }

  64% {
    background: rgba(255, 160, 0, 0.75);
    background: linear-gradient(
      45deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 160, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 112, 66, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 160, 0, 0.65) 100%
    );
  }

  80% {
    background: rgba(233, 30, 99, 0.75);
    background: linear-gradient(
      45deg,
      rgba(233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(2233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
  }
}

@keyframes rainbow {
  0%,
  100% {
    background: rgba(156, 39, 176, 0.75);
    background: linear-gradient(
      45deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(156, 39, 176, 0.75) 0%,
      rgba(156, 39, 176, 0.65) 100%
    );
  }

  16% {
    background: rgba(132, 13, 121, 0.75);
    background: linear-gradient(
      45deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(132, 13, 121, 0.75) 0%,
      rgba(132, 13, 121, 0.65) 100%
    );
  }

  32% {
    background: rgba(239, 83, 80, 0.75);
    background: linear-gradient(
      45deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(239, 83, 80, 0.75) 0%,
      rgba(239, 83, 80, 0.65) 100%
    );
  }

  48% {
    background: rgba(255, 87, 34, 0.75);
    background: linear-gradient(
      45deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(255, 87, 34, 0.75) 0%,
      rgba(255, 87, 34, 0.65) 100%
    );
  }

  64% {
    background: rgba(255, 160, 0, 0.75);
    background: linear-gradient(
      45deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 160, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 112, 66, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(255, 160, 0, 0.75) 0%,
      rgba(255, 160, 0, 0.65) 100%
    );
  }

  80% {
    background: rgba(233, 30, 99, 0.75);
    background: linear-gradient(
      45deg,
      rgba(233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
    background: -moz-linear-gradient(
      135deg,
      rgba(233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
    background: -webkit-linear-gradient(
      135deg,
      rgba(2233, 30, 99, 0.75) 0%,
      rgba(233, 30, 99, 0.65) 100%
    );
  }
}
