body,
html {
  margin: 0;
  background-color: rgba(243, 243, 243, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

main {
  display: flex;
  align-items: center;
  justify-content: center;
}

canvas {
  /* max-width: 90%;
  max-height: 90%;
  aspect-ratio: 1; 
  margin: 25px;*/
  border: 1px solid rgba(38,38,38,0.52);
  -webkit-box-shadow: 0px 0px 29px -10px rgb(0 0 0 / 22%);
  box-shadow: 0px 0px 29px -10px rgb(0 0 0 / 22%);
}

.negative {
  filter: invert(1);
}
.grayscale {
  filter: grayscale(1);
}
.sepia {
  filter: sepia(1);
}