body {
  margin: 0;
  text-align: center;
}

.pokerfes-container {
  max-width: 880px;
  position: relative;
  justify-self: center;
}

.pokerfes-bg {
  max-width: 100%;
  vertical-align: top;
}

.button-flow {
  position: absolute;
  width: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  line-height: 0;
}

.merit-button1 {
  top: 54.2%;
}

.info-button1 {
  top: 94.9%;
}

.button1 {
  width: 85%;
}

.gold_rush-button2 {
  top: 64.5%;
}

.hailey5cafe-button2 {
  top: 71.6%;
}

.choraku-button2 {
  top: 78.8%;
}

.dipperdan-button2 {
  top: 86.1%;
}

.north_village-button2 {
  top: 93.9%;
}

.button2-left {
  left: 29%;
}

.button2-right {
  left: 70.5%;
}

.button2 {
  width: 41%;
}

.slider-class {
  position: absolute !important;
  top: 32%;
  width: 75%;
  left: 50%;
  transform: translate(-50%, 0);
}

.slider-img {
  width: 93%;
}

.slide-dots {
  margin: 0 auto;
  margin-top: 4%;
  padding: 0;
  display: flex;
  justify-content: space-around;
  width: 75%;
}

.slide-dots li {
  display: inline-block;
  width: 100%;
  margin: 0;
  width: 2vw;
  height: 2vw;
  max-width: 16px;
  max-height: 16px;
  line-height: 0;
}

.slide-dots li button {
  position: relative;
  text-indent: -9999px;
  background: #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: unset;
  opacity: .25;
  padding: 0;
  cursor: pointer;
}

.slide-dots li.slick-active button {
  opacity: 1;
}

.slide-arrow {
  position: absolute;
  fill: hsl(0deg 0% 70.75% / 90%);
  width: 10%;
  z-index: 1;
  top: 35%;
  svg {
    cursor: pointer;
  }
}

.prev-arrow {
  left: -13%;
}

.next-arrow {
  right: -13%;
}