@font-face {
  font-family: 'Libre Franklin';
  src: url('LibreFranklin-SemiBold.woff2') format('woff2'),
      url('LibreFranklin-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html, body {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
}
#code{text-align: right;
margin-top: 1vw;

margin-left: 150vh ;
  

position: absolute;}

#ingredients{text-align: left;
margin-left: 3vh;
position: absolute;
margin-top: 13vw ;}

#recette{
  margin-left: 3vh;
  position: absolute;
  margin-top: 37vw;
}
h1{position: absolute;
  margin-left: 3vh;
margin-top: 1vw;
font-size: 500%;}