body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 300;
    margin: 8px;
    background-color: black;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  
  h1 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 50px;
    letter-spacing: 5px;
    font-family: monospace;
    margin-left: 20px; 
  }
  
  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  #select_it{
    width: 300px;
    height: 40px;
    font-size: 25px;
    padding: 2px 2px 2px 10px ;
    background-color: lightgoldenrodyellow;
    color: darkblue;

  }

  main {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: max-content;
    grid-auto-flow: row dense;
  }
  
  .article h2 {
    font-family: Georgia, 'Times New Roman', Times, serif;
  }
  
  .article a,
  .article a:visited {
    text-decoration: none;
    color: inherit;
  }
  
  .article img {
    width: 100%;
  }