body {
    text-align:center;
    font-family: helvetica;
  }

  body {
    margin: 0;
    padding: 0;
  }
  
  /* Set background image for the whole website */
  body {
    background-image: url('https://i.pinimg.com/originals/c1/b6/0f/c1b60f62a57d2a286a77a0dfdc191b25.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; /* This keeps the background fixed while scrolling */
    font-family: Arial, sans-serif; /* Just an example font family */
  }

  
  canvas {
    border: 5px solid transparent;
    animation: rainbowBorder 8s linear infinite;
  }
  
  @keyframes rainbowBorder {
    0% {
      border-color: red;
    }
    14% {
      border-color: orange;
    }
    28% {
      border-color: yellow;
    }
    42% {
      border-color: green;
    }
    57% {
      border-color: blue;
    }
    71% {
      border-color: indigo;
    }
    85% {
      border-color: violet;
    }
    100% {
      border-color: red;
    }
  }
  
  canvas {
    border: 7px solid transparent;
    animation: rainbowBorder 8s linear infinite;
  }