sparent;
        outline-offset: 3px;
        color: white;
        margin: 6px;
      }

      .generated-item:focus {
        border: 1px solid blue;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <button id="1" type="button" class="item one">1</button>
      <button id="2" type="button" class="item two">2</button>
      <button id="3" type="button" class="item three">3</button>
      <button id="4" type="button" class="item four">4</button>
      <button id="5" type="button" class