HTML/CSS - Scary halloween pumpkin Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
 
    <head>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
              <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet">
        <h1 class = greetings> Never ever TOUCH a pumpkin on halloween!</h1>
        <h3>The metamorphose might be slowwww. But follow me through the nightmare.
 Every second will reveal the true face of that friendly looking pumpkin🤡
 But when you are aware, it might be too late.</h3>
 <h3>👽👽👽👽👽👽👽👽👽</h3>
 
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.sound.js"></script>
 
        <script src =   " https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.dom.js">
        </script>  
       
<script src =   " https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/addons/p5.sketch.js">
        
</script>  

css

.greetings {
    
    width: 100%;
    bottom: 10px;
    font: small-caps 2em Berkshire Swash;
    color:  gold;
    text-align: center;
     text-shadow: 10 10 50px  orange;
    opacity: 1;
}
body {
    background: black;
    margin:0 auto;
    
}
h3{
    color:   orangered;
}
h1{
    color:   orangered;
}
background{
    color: black;
}

var profile;
var gridx = 27;
var gridy = 27;
var l = 0
var m = 0
var al = 255
var song
function preload() {
alert("loads pretty long - please be patient. best on pc with sound")
profile = loadImage("https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Hokkaido-K%C3%BCrbis_%28cropped%29.jpg/197px-Hokkaido-K%C3%BCrbis_%28cropped%29.jpg")
//profile = loadImage("https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Hokkaido-K%C3%BCrbis_%28cropped%29.jpg/394px-Hokkaido-K%C3%BCrbis_%28cropped%29.jpg");
profile2 = loadImage(

BROWSER

Console