body {
  background-color: #000;
  color: #33ff66;
  font-family: "VT323", monospace;
  text-shadow: 0 0 5px #33ff66;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1) 0px,
    rgba(0, 0, 0, 0.1) 1px,
    transparent 2px
  );
  pointer-events: none;
  animation: flicker 0.1s infinite;
}

@keyframes flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 1; }
  20%, 24%, 55% { opacity: 0.8; }
}

.slider {
  appearance: initial;
  -webkit-appearance: none;
  width: 250px;
  height: 6px;
  background: rgba(51, 255, 102, 0.2);
  border: 1px solid #33ff66;
  border-radius: 3px;
  box-shadow: 0 0 10px #33ff6644, inset 0 0 5px #33ff6622;
  cursor: pointer;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #9790e2c4;
  border: 2px solid #33ff66ea;
  box-shadow: 0 0 7px #33ff66;
  cursor: pointer;
}

.btn {
  background-color: #000;
  color: #33ff66;
  font-family: "VT323", monospace;
  font-size: 1.2rem;
  letter-spacing: 1px;
  border: 2px solid #33ff66;
  padding: 10px 20px;
  border-radius: 4px;
  text-shadow: 0 0 4px #33ff66;
  box-shadow: 0 0 6px #33ff6644, inset 0 0 6px #33ff6622;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

button:hover {
  background-color: #002200;
  box-shadow: 0 0 6px #33ff66, inset 0 0 4px #33ff6699;
  transform: scale(1.01);
}

button:active {
  background-color: #0044008e;
  box-shadow: 0 0 4px #33ff66, inset 0 0 7px #33ff66;
  transform: scale(0.99);
}

.showcase {
  display: flex;
  gap: 10px;
}

.canvas1 {
  height: 200px;
  width: 230px;
  background-color: #000;
  border: 2px solid #33ff66;
  border-radius: 6px;
  box-shadow:
    0 0 15px #33ff6655,
    inset 0 0 20px #33ff6611;
  margin: 20px auto;
  image-rendering: pixelated;
}

.canvas2 {
  height: 200px;
  width: 430px;
  background-color: #000;
  border: 2px solid #33ff66;
  border-radius: 6px;
  box-shadow:
    0 0 15px #33ff6655,
    inset 0 0 20px #33ff6611;
  margin: 20px auto;
  image-rendering: pixelated;
}