<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <title>Sajari Search Overlay</title>
    <style>
      #sj-overlay {
        background-color: white;
      }
      body, input {
        font-family: ariel, sans-serif;
      }
      #sj-overlay-header {
        background-image: linear-gradient(#202d5f,#614381) !important;
        background: radial-gradient(ellipse at center,#2989d8 11%,#207cca 38%,#1e5799 70%) !important;
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <title>Sajari Search Overlay</title>
    <style>
      #sj-overlay {
        background-color: white;
      }
      body, input {
        font-family: ariel, sans-serif;
      }
      #sj-overlay-header {
        background-image: linear-gradient(#202d5f,#614381) !important;
        background: radial-gradient(ellipse at center,#2989d8 11%,#207cca 38%,#1e5799 70%) !important;
      }
      #sj-overlay-logo-image {
        padding-top: 10px;
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

Fix styling of logo in example
Fix styling of logo in example
