Generate a Flink CSS for this, it should have a between gray and saturated and medium shade of blue for the header with the 2 spans and the logo being white, and a CPU hanging on the bottom in the header. As well as the CPU's list and the copyright not having a color behind it. It has a google font that is not Poppins, Open Sans, Montserrat, or Roboto, it can be something else
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flink CPUs</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="style.css" rel="stylesheet" type="text/css" media="all">
  </head>
  <body>
    <header>
    <span><a href="index.html"><img src="logo.png"></a></span>
    <span>Processors for your Functioned Computer</span>
    <span><a href="about.html">About</a></span>
    <img src="cpu.png" class="hanger">
    </header><main>
    <h1>Our CPU's</h1>
    <p>Cord 3x-6k 3.1 Ghz</P>
    <p>Plant 2x 3k</P>
    <p>Cell 1.7 Ghz</p>
    <p>Cord 11x 6.00 Ghz</p>
    <p>Dualcord 2x 2.5 Ghz</p>
    <p>Cord 3x-4k 2.5 Ghz</p>
    <br><br><p><small class="copyright">(F) Flink Corporation 1981-2023</small></p></main>
  </body>
</html>
