html {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(135deg, #ffe561, #36657d 70%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  mix-blend-mode: color-burn;
}

body {
  padding:0;
  margin:0;
  z-index: -10;
  height: 100%;
  background: rgba(250, 4, 0, 0.7);
  width: 100%;
  font-family: 'Mr Dafoe', sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(42, 0, 250, 0.6);
  mix-blend-mode: color;
  filter: invert(1) hue-rotate(80deg);
}

#cnv {
  position: absolute;
  top: 0;
  z-index: -2;
  left: 0;
  width: 100%;
  mix-blend-mode: difference;
  animation: move 130s infinite cubic-bezier(0.1, 12.33, 0.1, -2.33) alternate;
}

@keyframes move {
  to {
    filter: hue-rotate(360deg);
  }
}
.lowerRight {
  margin: 2px;
  font-family: Niconne;
  font-size: large;
  color: #1f7;
  position: fixed;
  right: 0;
  bottom: 0;
}