html{
    font-size: large;
    background-image: url(background2.jpeg);
    background-size: cover;       /* Ensures the image covers the entire screen */
    background-repeat: no-repeat; /* Prevents tiling/repeating */
    background-attachment: fixed; /* Keeps the image fixed when scrolling */
    background-position: center;  /* Centers the image */
    position: relative;
}

.logo {
  position: fixed;
  bottom: -20px; /* distance from bottom edge */
  left: 20px;   /* distance from left edge */
  z-index: 1000; /* keeps it above all other elements */
}

.logo img {
  width: 200px;   /* adjust size as needed */
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.logo img:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)); /* subtle glow */
}

.wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
  margin-left: 450px;
  margin-top: 40px;
  
}

.line img {
	width: 500px;
	height: 500px;
}

.circle1 {
    width: 35px; 
    height: 35px;
    margin-left: 791px; 
    position: relative;
    margin-top:354px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  
.circles{
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.circles div:hover{
    background-color: yellow;
    transform: scale(1.1);
    filter: drop-shadow(0 0 5px yellow); /* subtle glow */
    
}

.circle2 {
    width: 35px; 
    height: 35px;
    margin-left: 792px; 
    position: relative;
    margin-top:786px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }


  .circle3 {
    width: 35px; 
    height: 35px;
    margin-left: 987px; 
    position: relative;
    margin-top:1533px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle4 {
    width: 35px; 
    height: 35px;
    margin-left: 1025px; 
    position: relative;
    margin-top: -34px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  .circle5 {
    width: 35px; 
    height: 35px;
    margin-left: 1061px; 
    position: relative;
    margin-top: -34px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle6{
    width: 35px; 
    height: 35px;
    margin-left:987px; 
    position: relative;
    margin-top: 179px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;

  }

  .circle7{
    width: 35px; 
    height: 35px;
    margin-left:1021px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;

  }

  .circle8{
    width: 35px; 
    height: 35px;
    margin-left:1235px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle9{
    width: 35px; 
    height: 35px;
    margin-left:1268px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle10{
    width: 35px; 
    height: 35px;
    margin-left:1310px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle11{
    width: 35px; 
    height: 35px;
    margin-left:1343px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle12{
    width: 35px; 
    height: 35px;
    margin-left:1191px; 
    position: relative;
    margin-top: 9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle13{
    width: 35px; 
    height: 35px;
    margin-left:1191px; 
    position: relative;
    margin-top: -2px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle14{
    width: 35px; 
    height: 35px;
    margin-left:450px; 
    position: relative;
    margin-top: -2188px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle15{
    width: 35px; 
    height: 35px;
    margin-left:766px; 
    position: relative;
    margin-top: 283px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle16{
    width: 35px; 
    height: 35px;
    margin-left:1289px; 
    position: relative;
    margin-top: -1115px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle17{
    width: 35px; 
    height: 35px;
    margin-left:1552px; 
    position: relative;
    margin-top: -31px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle18{
    width: 35px; 
    height: 35px;
    margin-left:1552px; 
    position: relative;
    margin-top: 44px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle19{
    width: 35px; 
    height: 35px;
    margin-left:1393px; 
    position: relative;
    margin-top: 743px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle20{
    width: 35px; 
    height: 35px;
    margin-left:1419px; 
    position: relative;
    margin-top: -9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle21{
    width: 35px; 
    height: 35px;
    margin-left:1362px; 
    position: relative;
    margin-top: 357px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle22{
    width: 35px; 
    height: 35px;
    margin-left:988px; 
    position: relative;
    margin-top: 9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle23{
    width: 35px; 
    height: 35px;
    margin-left:1025px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle24{
    width: 35px; 
    height: 35px;
    margin-left:1616px; 
    position: relative;
    margin-top: -271px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle25{
    width: 35px; 
    height: 35px;
    margin-left:1715px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle26{
    width: 35px; 
    height: 35px;
    margin-left:2874px; 
    position: relative;
    margin-top: -1195px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle27{
    width: 35px; 
    height: 35px;
    margin-left:2807px; 
    position: relative;
    margin-top: 32px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle28{
    width: 35px; 
    height: 35px;
    margin-left:2748px; 
    position: relative;
    margin-top: 226px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle29{
    width: 35px; 
    height: 35px;
    margin-left:2982px; 
    position: relative;
    margin-top: 38px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle30{
    width: 35px; 
    height: 35px;
    margin-left:2532px; 
    position: relative;
    margin-top: 1522px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle31{
    width: 35px; 
    height: 35px;
    margin-left:2057px; 
    position: relative;
    margin-top: 62px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle32{
    width: 35px; 
    height: 35px;
    margin-left:2533px; 
    position: relative;
    margin-top: 467px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  
  .circle33{
    width: 35px; 
    height: 35px;
    margin-left:1800px; 
    position: relative;
    margin-top: 21px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  .circle34{
    width: 35px; 
    height: 35px;
    margin-left:1836px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle35{
    width: 35px; 
    height: 35px;
    margin-left:1800px; 
    position: relative;
    margin-top: 128px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  .circle36{
    width: 35px; 
    height: 35px;
    margin-left:1800px; 
    position: relative;
    margin-top: 143px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle37{
    width: 35px; 
    height: 35px;
    margin-left:1837px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle38{
    width: 35px; 
    height: 35px;
    margin-left:1763px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle39{
    width: 35px; 
    height: 35px;
    margin-left:1764px; 
    position: relative;
    margin-top: 3px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle40{
    width: 35px; 
    height: 35px;
    margin-left:1471px; 
    position: relative;
    margin-top: -73px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
 
  .circle41{
    width: 35px; 
    height: 35px;
    margin-left:1508px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle42{
    width: 35px; 
    height: 35px;
    margin-left:1472px; 
    position: relative;
    margin-top: 93px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle43{
    width: 35px; 
    height: 35px;
    margin-left:1508px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle44{
    width: 35px; 
    height: 35px;
    margin-left:1436px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle45{
    width: 35px; 
    height: 35px;
    margin-left:1410px; 
    position: relative;
    margin-top: -9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }
  .circle46{
    width: 35px; 
    height: 35px;
    margin-left:2409px; 
    position: relative;
    margin-top: -366px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle47{
    width: 35px; 
    height: 35px;
    margin-left:2409px; 
    position: relative;
    margin-top: 1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle48{
    width: 35px; 
    height: 35px;
    margin-left:2446px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
  }

  .circle49{
    width: 35px; 
    height: 35px;
    margin-left:3518px; 
    position: relative;
    margin-top: -435px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle50{
    width: 35px; 
    height: 35px;
    margin-left:3543px; 
    position: relative;
    margin-top: -10px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle51{
    width: 35px; 
    height: 35px;
    margin-left:3543px; 
    position: relative;
    margin-top: 6px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle52{
    width: 35px; 
    height: 35px;
    margin-left:3543px; 
    position: relative;
    margin-top: 1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle53{
    width: 35px; 
    height: 35px;
    margin-left:4259px; 
    position: relative;
    margin-top: -71px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }
  .circle54{
    width: 35px; 
    height: 35px;
    margin-left:4259px; 
    position: relative;
    margin-top: 1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }
  .circle55{
    width: 35px; 
    height: 35px;
    margin-left:5130px; 
    position: relative;
    margin-top: -480px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle56{
    width: 35px; 
    height: 35px;
    margin-left:5138px; 
    position: relative;
    margin-top: 233px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle57{
    width: 35px; 
    height: 35px;
    margin-left:5163px; 
    position: relative;
    margin-top: -8px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle58{
    width: 35px; 
    height: 35px;
    margin-left:4175px; 
    position: relative;
    margin-top: -645px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle59{
    width: 35px; 
    height: 35px;
    margin-left:4202px; 
    position: relative;
    margin-top: -8px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle60{
    width: 35px; 
    height: 35px;
    margin-left:687px; 
    position: relative;
    margin-top: 1270px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle61{
    width: 35px; 
    height: 35px;
    margin-left:987px; 
    position: relative;
    margin-top: 332px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle62{
    width: 35px; 
    height: 35px;
    margin-left:1024px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle63{
    width: 35px; 
    height: 35px;
    margin-left:1061px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle64{
    width: 35px; 
    height: 35px;
    margin-left:1233px; 
    position: relative;
    margin-top: -6px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle65{
    width: 35px; 
    height: 35px;
    margin-left:1268px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle66{
    width: 35px; 
    height: 35px;
    margin-left:1508px; 
    position: relative;
    margin-top: -65px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle67{
    width: 35px; 
    height: 35px;
    margin-left:1665px; 
    position: relative;
    margin-top: -78px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle68{
    width: 35px; 
    height: 35px;
    margin-left:1702px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle69{
    width: 35px; 
    height: 35px;
    margin-left:1800px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle70{
    width: 35px; 
    height: 35px;
    margin-left:1836px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle71{
    width: 35px; 
    height: 35px;
    margin-left:1751px; 
    position: relative;
    margin-top: 7px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle72{
    width: 36px; 
    height: 36px;
    margin-left:2420px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle73{
    width: 35px; 
    height: 35px;
    margin-left:3390px; 
    position: relative;
    margin-top: -34px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle74{
    width: 35px; 
    height: 35px;
    margin-left:3811px; 
    position: relative;
    margin-top: -456px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle75{
    width: 35px; 
    height: 35px;
    margin-left:5108px; 
    position: relative;
    margin-top: -145px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle76{
    width: 35px; 
    height: 35px;
    margin-left:5198px; 
    position: relative;
    margin-top: 465px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle77{
    width: 35px; 
    height: 35px;
    margin-left:5717px; 
    position: relative;
    margin-top: -306px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle78{
    width: 35px; 
    height: 35px;
    margin-left:5038px; 
    position: relative;
    margin-top: 641px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle79{
    width: 35px; 
    height: 35px;
    margin-left:4481px; 
    position: relative;
    margin-top: -364px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle80{
    width: 35px; 
    height: 35px;
    margin-left:4507px; 
    position: relative;
    margin-top: -10px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle81{
    width: 35px; 
    height: 35px;
    margin-left:4418px; 
    position: relative;
    margin-top: 195px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle82{
    width: 35px; 
    height: 35px;
    margin-left:3829px; 
    position: relative;
    margin-top: -88px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle83{
    width: 35px; 
    height: 35px;
    margin-left:3856px; 
    position: relative;
    margin-top: -9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle84{
    width: 35px; 
    height: 35px;
    margin-left:3881px; 
    position: relative;
    margin-top: -9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle85{
    width: 35px; 
    height: 35px;
    margin-left:1395px; 
    position: relative;
    margin-top: -138px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle86{
    width: 35px; 
    height: 35px;
    margin-left:1431px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }
  .circle87{
    width: 35px; 
    height: 35px;
    margin-left:1471px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle88{
    width: 35px; 
    height: 35px;
    margin-left:1507px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle89{
    width: 35px; 
    height: 35px;
    margin-left:1800px; 
    position: relative;
    margin-top: -59px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle90{
    width: 35px; 
    height: 35px;
    margin-left:1872px; 
    position: relative;
    margin-top: 36px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle91{
    width: 35px; 
    height: 35px;
    margin-left:1872px; 
    position: relative;
    margin-top: 0px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle92{
    width: 35px; 
    height: 35px;
    margin-left:2198px; 
    position: relative;
    margin-top: 2px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle93{
    width: 35px; 
    height: 35px;
    margin-left:1667px; 
    position: relative;
    margin-top: 182px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle94{
    width: 35px; 
    height: 35px;
    margin-left:1702px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle95{
    width: 35px; 
    height: 35px;
    margin-left:1799px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle96{
    width: 35px; 
    height: 35px;
    margin-left:1870px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle97{
    width: 35px; 
    height: 35px;
    margin-left:1799px; 
    position: relative;
    margin-top: 136px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle98{
    width: 35px; 
    height: 35px;
    margin-left:1835px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle99{
    width: 35px; 
    height: 35px;
    margin-left:1871px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle100{
    width: 35px; 
    height: 35px;
    margin-left:1871px; 
    position: relative;
    margin-top: 80px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle101{
    width: 35px; 
    height: 35px;
    margin-left:1871px; 
    position: relative;
    margin-top: 2px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle102{
    width: 35px; 
    height: 35px;
    margin-left:1835px; 
    position: relative;
    margin-top: -71px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle103{
    width: 35px; 
    height: 35px;
    margin-left:1835px; 
    position: relative;
    margin-top: 2px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle104{
    width: 35px; 
    height: 35px;
    margin-left:1491px; 
    position: relative;
    margin-top: -70px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }
  
  .circle105{
    width: 35px; 
    height: 35px;
    margin-left:1491px; 
    position: relative;
    margin-top: 1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle106{
    width: 35px; 
    height: 35px;
    margin-left:1491px; 
    position: relative;
    margin-top: 88px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle107{
    width: 35px; 
    height: 35px;
    margin-left:1710px; 
    position: relative;
    margin-top: 86px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle108{
    width: 35px; 
    height: 35px;
    margin-left:1934px; 
    position: relative;
    margin-top: -76px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle109{
    width: 35px; 
    height: 35px;
    margin-left:1836px; 
    position: relative;
    margin-top: 111px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle110{
    width: 35px; 
    height: 35px;
    margin-left:2400px; 
    position: relative;
    margin-top: -94px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle111{
    width: 35px; 
    height: 35px;
    margin-left:2400px; 
    position: relative;
    margin-top: 60px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle112{
    width: 35px; 
    height: 35px;
    margin-left:2400px; 
    position: relative;
    margin-top: -1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle113{
    width: 35px; 
    height: 35px;
    margin-left:2500px; 
    position: relative;
    margin-top: -164px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle114{
    width: 35px; 
    height: 35px;
    margin-left:2825px; 
    position: relative;
    margin-top: -11px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle115{
    width: 35px; 
    height: 35px;
    margin-left:2799px; 
    position: relative;
    margin-top: -9px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle116{
    width: 35px; 
    height: 35px;
    margin-left:2714px; 
    position: relative;
    margin-top: 130px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle117{
    width: 35px; 
    height: 35px;
    margin-left:2877px; 
    position: relative;
    margin-top: 38px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle118{
    width: 35px; 
    height: 35px;
    margin-left:2911px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle119{
    width: 35px; 
    height: 35px;
    margin-left:3001px; 
    position: relative;
    margin-top: -127px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle120{
    width: 35px; 
    height: 35px;
    margin-left:3001px; 
    position: relative;
    margin-top: -103px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle121{
    width: 35px; 
    height: 35px;
    margin-left:3001px; 
    position: relative;
    margin-top: -68px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle122{
    width: 35px; 
    height: 35px;
    margin-left:3400px; 
    position: relative;
    margin-top: -35px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }

  .circle123{
    width: 35px; 
    height: 35px;
    margin-left:3400px; 
    position: relative;
    margin-top: 1px;
    background-color: black; /* Choose a background color */
    border-radius: 50%; /* This transforms the square into a circle */
    border: 100px black;
    cursor: pointer;
  }