@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

      body {
        background-color: black;
        color: #32cd32;
        font-family: 'Special Elite', Courier, monospace;
        text-align: center;
        padding: 20px;
        cursor: url('https://cur.cursors-4u.net/others/oth-5/oth461.cur'), auto;
      }
      *,
      *::before,
      *::after {
        cursor: url('https://cur.cursors-4u.net/others/oth-5/oth461.cur'), auto !important;
      }

      h1 {
        text-shadow: 2px 2px 5px purple;
      }

      .container {
        max-width: 600px;
        margin: auto;
        padding: 20px;
        background: rgba(0, 0, 0, 0.8);
        border: 2px solid #32cd32;
        box-shadow: 0px 0px 15px purple;
        border-radius: 10px;
      }

      .typewriter {
        overflow: hidden;
        white-space: nowrap;
        animation: typing 4s steps(40, end) infinite alternate;
        margin-bottom: 20px;
      }

      @keyframes typing {
        from {
          width: 0;
        }
        to {
          width: 100%;
        }
      }

      .retro-player {
        background: #222;
        border: 2px solid #32cd32;
        border-radius: 5px;
        padding: 10px;
        margin: 20px 0;
      }

      .play-btn {
        background: #000;
        color: #32cd32;
        border: 2px solid #32cd32;
        border-radius: 3px;
        padding: 5px 10px;
        font-size: 16px;
        cursor: pointer;
      }

      .progress-container {
        background: #555;
        border: 1px solid #32cd32;
        height: 10px;
        width: 100%;
        margin-top: 10px;
        position: relative;
      }

      .progress-bar {
        background: #32cd32;
        height: 100%;
        width: 0%;
        transition: width 0.1s linear;
      }