@media (max-width: 1200px) {
  #title {
    padding-bottom: 5px;
  }
}

.gradient-background {
  background: linear-gradient(300deg, #fd61f0, #e20d9b, #401197, #5a78fa, #76bbfc, #43f7d0, #4dfa95);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.title-img {
  width: 65%;
}

.accordion-item {
  color: rgb(224, 224, 224);
  background-color: #003f4e;
}

.top-title-name {
  color: #121212;
}

.lead {
  color: #121212;
  font-weight: bold;
}

footer {
  color: rgb(224, 224, 224) !important;
}

.ytvideo {
  max-width: 300px;
}

.p-indent {
  margin-left:2em;
  margin-right:6em;
}