:root {
  --prime: #ffb800;
  --sec: #3581fb;
  --bg: linear-gradient(to right bottom, #833ab4, #fd1d1d);
  --button: linear-gradient(to right bottom, #833ab4, #fd1d1d);
  --primary: #081c22;
}
body {
  background-image: var(--dbg);

  background-color: #081c22;
  /* overflow-y: scroll; */
  width: 100%;
}
html,
body {
  overflow-x: hidden;
}
body {
  position: relative;
}
.box {
  position: relative;
  /* padding: 0; */
  margin: 0;
  height: 150px;
}

.rating-circle {
  margin-right: 15rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.percent {
  margin-left: 0.1rem;
}
.user-txt {
  width: 150px;
  font-size: 21px;
  margin-left: 2rem;
}
.text {
  padding-right: 2rem;
  margin-top: 0.2rem;
  text-align: center;
}
.whole-circ {
  display: flex;
  justify-content: center;
  align-items: center;
}

.outer-circ {
  margin-left: 0.2rem;
  margin-top: 0.1rem;
}
.logo {
  margin: 2rem;
}
.desc-header {
  padding: 0rem;
}
.bookmark-tab {
  margin: 1rem 1rem;
  height: 3.3rem;
}
.search {
  margin: 2rem 0rem;
  /* height: 4rem; */
}
.search-bar {
  position: absolute;
}
.search-button {
  margin-left: 26rem;
}

.search button i {
  height: 1rem;
  width: 0;
}
.bookmark-tab {
  width: 90%;
  margin: 2rem 1rem;
}
.no-bookmark {
  color: white;
}
@media only screen and (max-width: 1050px) {
  .desc-header {
    display: block;
    width: 100%;
  }

  .percent {
    margin-top: 0.1rem;
  }
  .desc-header-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
  }
  .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-top: 1rem;
  }

  .poster-image {
    position: static;
    height: 20rem;
  }
  .ep-container {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .bg-image {
    width: 100%;
  }
  .ep-list {
    padding-right: 1rem;
    width: 90%;
  }
  .bottom .poster-image {
    height: 25rem;
    width: 15rem;
  }
  .ended {
    width: 15rem;
  }
  .season-box {
    margin-top: 3rem;
  }
  .ep-list {
    padding-right: 2rem;
  }
  .ep-list img {
    width: 100%;
    height: 52%;
  }
  .search {
    margin: 0rem 1rem;
  }
  .bookmark-tab {
    width: auto;
  }
}
@media only screen and (max-width: 730px) {
  .ep-container {
    grid-template-columns: repeat(1, 1fr);
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .bookmark-fix {
    margin: 0;
    padding: 0;
    /* display: block; */
    margin-left: 3rem;
    margin-top: 2rem;
  }
  .ep-list {
    margin-top: 0rem;
  }
  .bg-color-next {
    padding: 1rem 1rem;
  }
  .bg-color-prev {
    padding: 1rem;
  }
  .bookmark {
    /* left: 15rem; */
    /* top: 30rem; */
    margin-bottom: 3rem;
  }
  .title h1 {
    width: 100%;
    text-align: center;
  }
  .title p {
    /* margin-right: 1rem; */
    text-align: center;
  }
  .rating-bookmark {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
  }
  .percent {
    margin-left: 0.21rem;
    margin-top: 0rem;
  }
  .search {
    /* margin: 0; */
    margin: 1.2rem;
  }
  .search-bar {
    width: 90%;
    height: 3.4rem;
  }
  .search-button {
    position: absolute;
    right: 6%;
  }

  .desc-header-right {
    display: block;
    margin-top: 3rem;
  }
  .search {
    margin-bottom: 3rem;
    justify-content: left;
  }

  .bottom {
    display: block;
    margin: 0;
    padding: 0;
  }
  .bg-image {
    position: static;
    height: 17rem;
    position: absolute;
    /* width: 105%; */
    mask: linear-gradient(
      to top,
      rgba(245, 0, 0, 0) 0%,
      rgb(214, 21, 21, 1) 40%
    );
    -webkit-mask: linear-gradient(
      to top,
      rgba(245, 0, 0, 0) 0%,
      rgb(214, 21, 21, 1) 40%
    );
    margin: 0rem;
    width: 100%;
  }
  .bottom {
    width: 100%;
  }
  .ended {
    margin: 0;
    /* padding: 0; */
  }
  .poster-premier {
    margin: 0;
    padding-top: 14rem;
  }
  .poster-image {
    /* margin: 0; */
    padding: 0;
    margin: 0;
  }
  .season-year {
    width: 90%;
    margin-top: 1rem;
  }
  .ended {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .poster-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ep-list {
    width: 85%;
    margin-left: 2rem;
    margin-top: 1rem;
  }
  .desc {
    text-align: left;
    width: 90%;
    margin-left: 1rem;
  }
  .desc p {
    width: 100%;
  }
  .season-year {
    margin: 0;
    margin-left: 1rem;
    margin-top: 1rem;
  }

  .season-container {
    margin-top: 2rem;
  }
  .season-box {
    margin: 0;
    padding: 0;
  }
  .select {
    padding: 0;
    padding: 0rem 0.5rem;
  }
  .ep-list img {
    width: 100%;
    height: 50%;
  }
  .ep-list {
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .epdesc p {
    font-family: Arial, Helvetica, sans-serif;
    height: rem !important;
    margin-top: 1rem;
    overflow: hidden;
  }
  .bookmark-tab {
    width: 90%;
    margin: 0;
    margin: 1.2rem;
    height: 3.4rem;
  }
  .show-text {
    margin: 0;
  }
  .bookmark-list {
    width: 100%;
    border-radius: 0;
  }
  .next-prev-box {
    margin: 2rem 0rem;
  }
  .cast {
    height: 20rem;
  }
  .cast li {
    padding: 0rem 1rem;
    margin: 0;
  }
  .cast h2 {
    font-size: 15px;
  }
  .cast img {
    width: 8rem;
  }
  .poster-fix {
    padding: 0;
    padding-top: 3rem;
  }
}

/*# sourceMappingURL=desc.117b0c89.css.map */