body {
  background-color: #0F0E0F;
  margin: 0;
  padding: 0;
  filter: blur(0.1px);
}

body.crt {
  background-color: #070000;
  filter: blur(0.5px) contrast(1.3) brightness(1.3) saturate(1.2);
}

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

canvas {
  display: block;
  image-rendering: pixelated; /* For images and canvas scaling */
  -webkit-font-smoothing: none; /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
  cursor: none;
}

body.crt canvas {
  filter: sepia(10%);
  animation: flicker 0.05s infinite alternate;
}

@keyframes flicker {
  0%, 100% { opacity: 0.94; }
  50% { opacity: 1; }
}