.type1 {
  background: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 4px solid orange;
  box-shadow: 0.8px 0.8px 2px 0.8px orange;
  display: flex;
  justify-content: center;
}

.type2 {
  background: hidden;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 15px solid yellow;
  box-shadow: 3px 3px 7.5px 3px yellow;
}

.nth-child1 {
  background: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 6px solid black;
  box-shadow: 1.2px 1.2px 3px 1.2px black;
  position: absolute;
  left: 40vw;
  transform: translate(-50%, -50%);
}

.nth-child2 {
  background: hidden;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 7px solid black;
  box-shadow: 1.4px 1.4px 3.5px 1.4px black;
  position: absolute;
  left: 44vw;
  transform: translate(-50%, -50%);
}

.nth-child3 {
  background: hidden;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 8px solid black;
  box-shadow: 1.6px 1.6px 4px 1.6px black;
  position: absolute;
  left: 48vw;
  transform: translate(-50%, -50%);
}

.nth-child4 {
  background: hidden;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  border: 9px solid black;
  box-shadow: 1.8px 1.8px 4.5px 1.8px black;
  position: absolute;
  left: 52vw;
  transform: translate(-50%, -50%);
}

.nth-child5 {
  background: hidden;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  border: 10px solid black;
  box-shadow: 2px 2px 5px 2px black;
  position: absolute;
  left: 56vw;
  transform: translate(-50%, -50%);
}

.nth-child6 {
  background: hidden;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  border: 11px solid black;
  box-shadow: 2.2px 2.2px 5.5px 2.2px black;
  position: absolute;
  left: 60vw;
  transform: translate(-50%, -50%);
}

.boucle {
  margin-bottom: 210px;
}

.orange {
  display: flex;
  justify-content: center;
}

.jaune {
  display: flex;
  justify-content: center;
  margin-bottom: 150px;
  margin-top: 100px;
}