.pinkbg{
  background-color: #ffbee3;
}
.patro_1{
  position: absolute;
  width: 40%;
  left: 55%;
  transform: translateY(-50%);
  top: 50%;
}
.arrow_1{
  position: absolute;
}
.highlight_1 {
  position: absolute;
  width: 12%;
  height: 6%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 56%;
  top: 8%;
}
.arrow_1 {

  position: absolute;
  width: 23%;
  top: 13.5%;
  left: 34%;
  z-index: 10;

}
.dialogue_text1 {

  position: absolute;
  background: white;
  font-size: 1.8vw;
  width: 40%;
  padding: 2%;
  border-radius: 2vmin;
  box-shadow: .1vmin .1vmin .2vmin .5vmin #8644bc;
  top: 50%;
  left: 8%;

}
.arrow_2 {
  position: absolute;
  width: 34%;
  transform: rotate(16deg);
  left: 43%;
  top: 4%;
}
.highlight_2 {
  position: absolute;
  width: 14%;
  height: 6%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 80%;
  top: 8%;
}
.highlight_3 {
  position: absolute;
  width: 38%;
  height: 5%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 56%;
  top: 13%;
}
.arrow_3 {
  position: absolute;
  width: 22%;
  left: 35%;
  top: 18%;
}
.highlight_4 {
  position: absolute;
  width: 6%;
  height: 5%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 56%;
  top: 13%;
}
.highlight_5{
  position: absolute;
  width: 5.5%;
  height: 11%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 56.7%;
  top: 17%;
}
.arrow_4 {
  position: absolute;
  width: 20%;
  left: 34.7%;
  top: 21%;
  transform: rotate(12deg);
}
.highlight_6 {
  position: absolute;
  width: 16%;
  height: 26%;
  border: .6vmin solid #8644bc;
  border-radius: 1vmin;
  left: 55.8%;
  top: 67%;
}
.arrow_5 {
  position: absolute;
  width: 18%;
  left: 35.6%;
  top: 60%;
  transform: rotate(72deg);
}
.speechbox.speech_1 {
  position: absolute;
  width: 43%;
  top: 27%;
  left: 19%;
  height: 36%;
}
.speechbox.speech_2 {
  position: absolute;
  top: 38%;
  left: 10%;
  width: 20%;
  height: 16%;
}
.speechbox.speech_3 {
  position: absolute;
  top: 48%;
  left: 12%;
  width: 20%;
  height: 16%;
}
.speechbox.speech_14 {
    position: absolute;
    width: 56%;
    top: 15%;
    left: 7%;
    height: 55%;
}
@media (min-aspect-ratio: 4/3){
  .dialogue_text1{
    font-size: 4vmin;
  }
}