index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="style.css">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Color guessing gam</title>
</head>
<body>
  <div class="header">
    <p>THE GREAT</p>
    <h2 id="guess">RGB(255,212,123)</h2>
    <p>GUESSING GAME</p>
  </div>
  <div class="mode">
    <span>NEW COLORS</span>
    <div class="diff">
      <span>EASY</span>
      <span>HARD</span>
    </div>
  </div>
  <div class="colors">
    <div id="easy"></div>
    <div id="easy"></div>
    <div id="easy"></div>
    <div id = 'hard'></div>
    <div id = 'hard'></div>
    <div id = 'hard'></div>
  </div>
  <p id="anouncement"></p>
  <button id="reset">play again</button>
  <script src="app2.js"></script>
</body>
</html>