.contenedorBolas {
  height: 100vh;
}

.centrar {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 871px) {
  #bolaAmarilla {
    width: 200px;
  }
  #bolaCyan {
    width: 200px;
  }
  #bolaMagenta {
    width: 200px;
  }
  @media (max-width: 599px) {
    #bolaAmarilla {
      width: 100px;
    }
    #bolaCyan {
      width: 100px;
    }
    #bolaMagenta {
      width: 100px;
    }
    @media (max-width: 301px) {
      #bolaAmarilla {
        width: 50px;
      }
      #bolaCyan {
        width: 50px;
      }
      #bolaMagenta {
        width: 50px;
      }
    }
  }
}

#contenedorPrincipalAnimacion {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
#contenedorPrincipalAnimacionNosotros {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.ocultarAnimacion {
  display: none;
}