body{
  background-image: linear-gradient(to right, #a30a0d, #920607);
}
.topImg{
  width: 100%;
  position: relative;
  z-index: 2;
}
.mainDiv{
  background-color: #fae6bc;
  width: 95%;
  margin: 0 auto;
  padding: 2.5% 0;
  /* margin-top: -1rem; */
  /* margin-bottom: 3rem; */
  position: relative;
  z-index: 1;
}
.innerDiv{
  width: 95%;
  border:1px solid #8b1e15;
  margin: 0 auto;
}
.catalogTilte{
  color: #8b1e15;
  font-weight: 800;
  font-size: 1.4rem;
  padding: 1rem 0  1rem 0;
  width: 100%;
  text-align: center;
}
.singleDiv{
  width: 90%;
  margin: 0 auto;
  display: flex;
  margin-bottom: 0.5rem;
  align-items: flex-start;
}
.num{
  width: 1.6rem;
  color: #8b1e15;
}
.circle{
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #8b1e15;
  margin-right: 1rem;
  margin-top: 0.4rem;
}
.artTitle{
  color: #000;
  width: calc(100% - 1.6rem);
  font-size: 15px;
}
.bottomImg{
  width: 100%;
  margin-top: -2rem;
  position: relative;
  z-index: 0;
}
.separatorDiv{
  width: 100%;
  text-align: center;
  margin-bottom: 0.5rem;
}