@media (max-width: 650px) {
  .header {
    /* outline-color: white;
    outline-style: groove; */
    padding: 20px;
    background-color: black;
  }

  .categories {
    padding: 5px;
    list-style: none;
  }

  .item {
    padding: 20px;
    background-color: black;
    outline-style: inset;
    text-decoration-style: none;
    color: white;
  }

  .item:hover {
    background-color: white;
    outline-style: dotted;
    outline-color: antiquewhite;
    text-decoration-style: none;
    color: black;
  }

  .feed {
    margin-top: 30px;
    margin-bottom: 30px;

    padding: 10px;
    background-color: black;
    color: white;
    outline-color: white;
    outline-style: groove;
  }

  .link-1 {
    text-decoration: none;
    list-style-type: none;
    text-decoration-style: none;
    color: white;
  }

  .post {
    padding: 5px;
    text-decoration: none;
    color: white;
  }
  .post:hover {
    background-color: white;
    outline-style: dotted;
    outline-color: antiquewhite;
    color: black;
  }

  .picture-m {
    margin: 2px;
    padding: 5px;
    text-align: center;
    outline-color: white;
    align-content: center;
    outline-style: dotted;
  }

  .help-me {
    margin-top: 30px;

    padding: 10px;
  }
  .display-none {
    display: none;
  }
  .changelog {
    padding: 10px;
    margin: 10px;
    background-color: black;
    color: white;

    outline-color: white;
    outline-style: groove;
  }
  .changelog-content {
    text-align: left;

  }

  .row {
    width: 100%;
  }
  .body-ascii-art-desktop {
    font-size: 8px;
  }
  .footer {
    text-align: center;
    margin-top: 10px;
  }
}