loading {
    text-align : center;
    font-family : monospace;
    font-size : xx-large;
}

h1 {
    text-align : center;
    font-family : monospace;
    font-size : xx-large;
}

body {

  /* This centers our sketch horizontally. */
  justify-content: center;

  /* This centers our sketch vertically. */
  align-items: center;
}

img {
      text-align: center;
}

.tunes {
  max-width: 20%;
  max-height: 20%;
  justify-content: center;
  top: 40%;
  margin: 0;
}

.anotation_musique {
  font-family : monospace;
  font-size : xx-large;
  position: absolute; 
  top : 42%;
  right: 2%; 
  justify-content: center;
}

.info {
  font-family : 'Courier New', monospace;
  font-size : 10px;
}

.p5Canvas{
  position: absolute; 
  top : 20%;
  right: 1,5%; 
}

footer {
  text-align: center;
  padding: 3px;
  background-color: Black;
  color: white;
  position: relative;
  top : 1%;
  right: 1,5%;
}