html, body {
  margin: 0;
  padding: 0;
}

canvas {
  display: block;
  position: absolute;
  left: 50%;
  height: 36vh !important;
  width: calc(36vh * 0.684) !important;
  top: 50%;
  translate: -50% -50%;
  box-shadow: -4px 13px 8px rgba(150, 90, 70, 0.34), 0px 1px 2px rgba(0,0,0,.5);
}

body {
  background: no-repeat center center fixed;
  background-image: url("./assets/rothko-painting-bg_lg.jpg");
  background-size: cover;
}

footer {
  font-size: 10px;
  color:#fff;
  position: fixed;
  bottom: 8px;
  right: 16px;
  opacity: 0.64;
}