.display-container {
  margin: 2rem auto;
  display: block;
  width: 90%;
}

.search-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 4rem 0rem;
}

.card-col {
  margin: 20px;
  padding: 20px;
  background-color: rgb(192 132 252);
  border: 2px solid black;
  border-radius: 15px;
  width: 310px;
}

.card-col-img {
  width: 100%;
  height: 250px;
  border-radius: 20px;
  border: 2px solid black;
  margin: 0px auto 20px auto;
  display: block;
}

.card-col-p {
  margin: 8px auto;
  font-size: 17px;
}

.card-col-p span {
  font-weight: bold;
}

.result-count {
  font-size: 23px;
  font-weight: 600;
  margin: 8px auto;
}

.noResult-message,
.noText-Input,
.loading {
  font-size: xx-large;
  font-weight: 800;
  text-align: center;
  color: brown;
  margin-top: 10rem;
}

.loading {
  display: none;
}