body {
    margin: 0;
    overflow: hidden;
    background-image: url("../img/marxd.png");
    background-size: cover;
}

#sunny {
    position: absolute;
    left: 50px; /* Ajuste a posição inicial conforme necessário */
    top: 50%; /* Centraliza verticalmente */
    width: 150px;
}

#alvo {
    position: absolute;
    left: 800px; /* Ajuste a posição conforme necessário */
    top: 440px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo2 {
    position: absolute;
    left: 800px; /* Ajuste a posição conforme necessário */
    top: 90px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo3 {
    position: absolute;
    left: 800px; /* Ajuste a posição conforme necessário */
    top: 210px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo4 {
    position: absolute;
    left: 800px; /* Ajuste a posição conforme necessário */
    top: 560px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo5 {
    position: absolute;
    left: 950px; /* Ajuste a posição conforme necessário */
    top: 560px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo6 {
    position: absolute;
    left: 1090px; /* Ajuste a posição conforme necessário */
    top: 560px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo7 {
    position: absolute;
    left: 1090px; /* Ajuste a posição conforme necessário */
    top: 210px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo8 {
    position: absolute;
    left: 1090px; /* Ajuste a posição conforme necessário */
    top: 440px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo9 {
    position: absolute;
    left: 1090px; /* Ajuste a posição conforme necessário */
    top: 50%; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo10 {
    position: absolute;
    left: 1090px; /* Ajuste a posição conforme necessário */
    top: 90px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo11 {
    position: absolute;
    left: 950px; /* Ajuste a posição conforme necessário */
    top: 440px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo12 {
    position: absolute;
    left: 950px; /* Ajuste a posição conforme necessário */
    top: 90px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo13 {
    position: absolute;
    left: 950px; /* Ajuste a posição conforme necessário */
    top: 210px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo14 {
    position: absolute;
    left: 950px; /* Ajuste a posição conforme necessário */
    top: 50%; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo15 {
    position: absolute;
    left: 1225px; /* Ajuste a posição conforme necessário */
    top: 210px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo16 {
    position: absolute;
    left: 1225px; /* Ajuste a posição conforme necessário */
    top: 440px; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}
#alvo17 {
    position: absolute;
    left: 800px; /* Ajuste a posição conforme necessário */
    top: 50%; /* Centraliza verticalmente */
    width: 110px;
    transform: translateY(-50%);
}

.bolinha {
    position: absolute;
    width: 20px; /* Ajuste o tamanho da bolinha conforme necessário */
    height: 20px;
    background-color: rgb(7, 1, 15); /* Cor da bolinha */
    border-radius: 50%; /* Torna a bolinha circular */
    opacity: 5px;
}