.wrapper {
  height: 100vh;
  width: 100vw;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  pointer-events: none;
  background: linear-gradient(124deg, #ffd6d6, #ffe6d6, #fff5d6, #f6ffd6, #d6ffe6, #d6e6ff, #e6d6ff, #f6d6ff, #ffd6f6);
  background-size: 1800% 1800%;
  -webkit-animation: rainbow 18s ease infinite;
  -z-animation: rainbow 18s ease infinite;
  -o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
  z-index: 0;
}
body[data-theme='black'] .wrapper {
  background: linear-gradient(124deg, #2a232a, #2a232a 10%, #3a2a3a 20%, #2a2a3a 30%, #233a2a 40%, #232a3a 50%, #3a232a 60%, #2a233a 70%, #232a2a 80%, #2a232a 100%);
  background-size: 1800% 1800%;
  -webkit-animation: rainbow-dark 18s ease infinite;
  -z-animation: rainbow-dark 18s ease infinite;
  -o-animation: rainbow-dark 18s ease infinite;
  animation: rainbow-dark 18s ease infinite;
}
@-webkit-keyframes rainbow {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@keyframes rainbow {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@-webkit-keyframes rainbow-dark {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@-moz-keyframes rainbow-dark {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@-o-keyframes rainbow-dark {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}
@keyframes rainbow-dark {
  0%{background-position:0% 82%}
  50%{background-position:100% 19%}
  100%{background-position:0% 82%}
}