@media (max-width: 991px) {
  .typingTopicSection {
    display: none;
  }
}
@media (max-width: 992px) {
  .typingTopicPart h1 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .typingTopicPart h1 {
    font-size: 3rem;
  }
}
@media (max-width: 1400px) {
  .typingTopicPart h1 {
    font-size: 3.5rem;
  }
}
.typingTopicContainer {
  padding: 0;
  margin: 0;
}

.typingTopicRow {
  margin: 0;
  padding: 0;
  width: 100vw;
  background-color: var(--bs-gray-900);
}

.typingTopicCol {
  margin: 0;
  padding: 0;
}

.typingTopicPart {
  height: 50vh;
  margin: 0;
  background-color: var(--bs-yellow);
  padding: 5rem;
}

.typingTopicCol a {
  color: var(--bs-gray-900);
  text-decoration: none;
}

.typingTopicPart:hover {
  height: 50vh;
  margin: 0;
  background-color: var(--bs-gray-900);
  padding: 5rem;
  color: var(--bs-white);
}