.world--1n {
  top: 61.9%;
  left: 41.7%;
}

.world--1 {
  width: 16.55%;
  top: 61.9%;
  left: 41.7%;
}

.world--2 {
  top: 51.45%;
  left: 14.85%;
  width: 18%;
}

.world--3 {
  top: 45.1%;
  left: 28.87%;
  width: 13.3%;
}

.world--4 {
  top: 29.8%;
  left: 43.99%;
  width: 11.48%;
}

.world--5 {
  top: 45.05%;
  left: 57.8%;
  width: 13.5%;
}

.world--6 {
  top: 51.4%;
  left: 66.75%;
  width: 18.1%;
}

.world.world--1 {
  --colorWorld: #7ffdff;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world.world--2 {
  --colorWorld: #9eff75;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world.world--3 {
  --colorWorld: #feff88;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world.world--4 {
  --colorWorld: #fdcbe6;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world.world--5 {
  --colorWorld: #ff6cff;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world.world--6 {
  --colorWorld: #fcaf02;
  --colorWorld-a0: hsla(0, 0%, 0%, 0);
}

.world--1.unlocked::before {
  top: 20%;
  left: -18%;
  margin-top: 0;
  margin-left: 0;
}

.world--2.unlocked::before {
  top: 42%;
  left: -5%;
  margin-top: 0;
  margin-left: 0;
}

.world--3.unlocked::before {
  top: -30%;
  left: -9%;
  margin-top: 0;
  margin-left: 0;
}

.world--4.unlocked::before {
  top: 10%;
  left: -26%;
  margin-top: 0;
  margin-left: 0;
}

.world--5.unlocked::before {
  top: 26%;
  left: -15%;
  margin-top: 0;
  margin-left: 0;
}

.world--6.unlocked::before {
  top: 26%;
  left: -15%;
  margin-top: 0;
  margin-left: 0;
}