*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.lineDivideBigDiv,
.lineDivideBigDivMobile {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lineDivide,
.lineDivideMobile {
  background-image: linear-gradient(184deg);
  background-size: cover;
  background-position: center;
  /* height: 1vh; */
  width: 80%;
  font-weight: 100;
  color: rgb(170, 170, 170);
  display: grid;
  padding: 0 4rem;
  align-items: center;

  font-size: 1.4rem;
  grid-template-columns: 1fr max-content 1fr;
  grid-column-gap: 1.2rem;
}

.lineDivide::before,
.lineDivideMobile::before {
  content: "";
  display: block;
  height: 1px;
  background-color: currentColor;
  background: linear-gradient(to left, #e9c46a 0%, #ffffff00 100%);
  /*looks nice*/
  /* background: linear-gradient(to left, #30cfd0 0%, #330867 100%); */
}

.lineDivide::after,
.lineDivideMobile::after {
  content: "";
  display: block;
  height: 1px;
  background-color: currentColor;
  background: linear-gradient(to left, #ffffff00 0%, #e9c46a 100%);
  /*looks nice*/
  /* background: linear-gradient(to right, #30cfd0 0%, #330867 100%); */
}

.lineDivideMobile {
  padding-top: 60px;
  font-size: 1rem;
  grid-template-columns: 1.4fr max-content 1.4fr;
  grid-column-gap: 1.2rem;
}

@media screen and (min-width: 961px) {
  .lineDivideBigDivMobile,
  .lineDivideMobile {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .lineDivideMobile {
    padding: 60px 0 0px 0;
  }
  .lineDivide {
    padding: 15px 0 15px 0;
  }
}