html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      background: #2e00ff;
    }

    .crt-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #2e00ff;
    }

    .content {
      position: relative;
      z-index: 1;
      color: #00ff66;
      padding: 2rem;
      font-family: monospace;
      font-size: 1.5rem;
      filter:
        contrast(1.2)
        saturate(1.2)
        drop-shadow(1px 0 red)
        drop-shadow(-1px 0 blue);
      animation: crtFlicker 50ms infinite;
    }

    .crt-wrapper::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.15),
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 3px
      );
      mix-blend-mode: multiply;
      z-index: 2;
    }

    @keyframes crtFlicker {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.97; }
    }