#arrows {
    position: relative; 
    /* background-color: rgb(151, 238, 11); */
    height: 390px;
    width: 400px;
    margin: auto;
    bottom: 670px;
    /* overflow: hidden; */
}

#arrow1,
#arrow2,
#arrow3,
#arrow4,
#arrow5,
#arrow6,
#arrow7,
#arrow8,
#arrow9,
#arrow10,
#arrow11,
#arrow12,
#arrow13,
#arrow14,
#arrow15,
#arrow16,
#arrow17,
#arrow18
{
    background-color: #76756d;
    width: 1px;
    position: relative;
}

#arrow1 {
    height: 85px;
    bottom: -35px;
    left: 60px;
    transform: rotate(-55deg);
    z-index: 10;
}

#arrow2 {
    height: 65px;
    bottom: -51px;
    left: 40px;
    transform: rotate(95deg);
    z-index: 10;
}

#arrow3 {
    height: 65px;
    bottom: -69px;
    left: 57px;
    transform: rotate(65deg);
    z-index: 10;
}

#arrow4 {
    height: 100px;
    bottom: -44px;
    left: 80px;
    transform: rotate(45deg);
    z-index: 10;
}

#arrow5 {
    height: 87px;
    bottom: 16px;
    left: 150px;
    transform: rotate(20deg);
    z-index: 10;
}

#arrow6 {
    height: 83px;
    bottom: 101px;
    left: 248px;
    transform: rotate(-14deg);
    z-index: 10;
}

#arrow7 {
    height: 83px;
    bottom: 261px;
    left: 349px;
    transform: rotate(-53deg);
    z-index: 10;
}

#arrow8 {
    height: 50px;
    bottom: 453px;
    left: 353px;
    transform: rotate(80deg);
    z-index: 10;
}

#arrow9 {
    height: 80px;
    bottom: 581px;
    left: 338px;
    transform: rotate(55deg);
    z-index: 10;
}

#arrow10 {
    height: 15px;
    bottom: 653px;
    left: 17.5px;
    transform: rotate(90deg);
}

#arrow11 {
    height: 7px;
    bottom: 555.5px;
    left: 5px;
    transform: rotate(90deg);
}

#arrow11 {
    height: 20px;
    bottom: 458.2px;
    left: 18px;
    transform: rotate(90deg);
}

#arrow12 {
    height: 40px;
    bottom: 409px;
    left: 24px;
    transform: rotate(90deg);
}

#arrow13 {
    height: 10px;
    bottom: 395px;
    left: 130px;
    transform: rotate(90deg);
}

#arrow14 {
    height: 35px;
    bottom: 416px;
    left: 275px;
    transform: rotate(90deg);
}

#arrow15 {
    height: 15px;
    bottom: 535px;
    left: 390px;
    transform: rotate(90deg);
}

#arrow16 {
    height: 20px;
    bottom: 707.5px;
    left: 388px;
    transform: rotate(90deg);
}

#arrow17 {
    height: 25px;
    bottom: 812px;
    left: 383px;
    transform: rotate(90deg);
}

#round1 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 779px;
    left: 92px;
    z-index: 11;
}

#round2 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 717px;
    left: 67px;
    z-index: 11;
}

#round3 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 658px;
    left: 83px;
    z-index: 11;
}

#round4 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 628px;
    left: 111px;
    z-index: 11;
}

#round5 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 607px;
    left: 161px;
    z-index: 11;
}

#round6 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 613px;
    left: 235px;
    z-index: 11;
}

#round7 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 683px;
    left: 312px;
    z-index: 11;
}

#round8 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 786px;
    left: 325px;
    z-index: 11;
}

#round9 {
    background-color: #76756d;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: relative;
    bottom: 839px;
    left: 304px;
    z-index: 11;
}