body {
      max-width: 1024px;
      margin: auto;
      text-align: center;
  }

  body > h1 {
    background-color: #444;
    color: white;
    border-radius: 15px;
    padding: 10px;
  }

  table {
      border-spacing: 20px;
  }

  td {
      padding: 10px;
  }

  th {
      padding: 10px;
  }

  button {
    padding: 5px;
    margin: 5px;
  }

  footer {
    background-color: #444;
    color: white;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 20px;
  }

  .button-div-justify {
    justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
  }

  .card {
      /* Add shadows to create the "card" effect */
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
  }

  /* On mouse-over, add a deeper shadow */
  .card:hover {
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  }

  /* Add some padding inside the card container */
  .container {
      padding: 20px 20px;
      width: 200px;
      height: 200px;
      text-align: center;
  }

  .clown_image {
      width: 100%;
      height: 100%;
  }

  .clown_image_200px {
    height: 200px;
    width: 200px;
  }

  .x-img {
      position: relative;
  }

  .x-overly {
      position: absolute;
      left: 5px;
      bottom: 5px;
      height: 200px;
      width: 200px;
  }

  .small-x {
      height: 35px;
      width: 35px;
  }

  .small-trump-image {
    height: 75px;
    width: 75px;
  }

  .row {
      display: flex;
  }

  .column-80 {
      flex: 79%;
  }

  .column-20 {
      flex: 21%;
  }

  .no-class {
    text-decoration: none;
  }

  .rss-column {
    text-align: left;
    padding-left: 50px;
  }

  .thoughts {
    text-align: left;
  }

  .no-class {
    text-decoration: none;
  }

 /* Remove RSS
 div>div>div {
   display: none;
 } */