Text has opaque background when using webgl renderer

p5.js
5

I’m having the same issue but I’m only rendering text in a for loop function. No rectangles or other elements are even called. I can’t for the life of me figure out how to get it to be transparent behind the characters. Any help would be greatly appreciated!

function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL);
  textFont(SF);
  textSize(width / 6);
  textAlign(CENTER, CENTER);
  
}

function draw() {
  
background(150);
orbitControl(2,2,.5);

var zrepeat = 12;
let wordcolor =  color('rgba(100%,100%,100%,1)');

push();

for(var i = 0; i < zrepeat; i++) {
    
  push();
    fill(wordcolor);
    text('help!', 0, 0);
    pop();
    translate(0, 0, -400);
}

}

function windowResized() {
    resizeCanvas(windowWidth, windowHeight);
}