styles.css

html {
  font-size: 10px;
}


@media (min-width: 1000px) {
  html {
    font-size: 14px;
  }
}

.container {
  max-width: 100%;

}

.topic-header {
  max-width: 80%;
  margin-top: 2rem;

}


.card-deck .card {
  min-width: 50%;
}


.border-top { border-top: 10px solid #e5e5e4; }

.border-bottom { border-bottom: 12px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .50rem .75rem rgba(0, 0, 0, .08); }


.topiceach-article {
  transition: all 1000ms ease-out;

}
.topiceach-article:hover {
  transform: scale(1.30);
}

.topiceach-article:hover {
  transform: scale(1.30);
}