#aboutflex {
    display: flex;
    gap: 15px;
  }

  #aboutflex img {
    width: 10rem;
    border: 3px solid var(--borderColor);
  }

  #aboutflex img:hover {
    border: 3px solid var(--borderMaincolor);
  }

  .etc img {
    height: auto;
    width: 25vh;
  }

  .etc a[target="_blank"]::after {
    content: url() !important;
  }

  .etc img:hover {
    cursor: url("/assets/index/icons/cursor_link.cur") pointer;
  }

  .idflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 2rem;
  }

  .idflex img {
    width: 6rem;
  }

  ul.likes {
    list-style-image: url("/assets/about/icons/like.gif");
    list-style-type: square;
    font-weight: bold;
  }

  ul.dislikes {
    list-style-image: url("/assets/about/icons/dislike.gif");
    list-style-type: square;
    font-weight: bold;
  }

  .dotboxflex {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .dottedbox {
    border: 2px solid var(--borderColor);
    padding: 10px;
    overflow: auto;
    width: 20rem;
    height: 15rem;
    font-size: smaller;
  }

  .longdotbox {
    border: 2px solid var(--borderColor);
    padding: 10px;
    font-size: smaller;
    margin-bottom: 25px;
  }

  .longflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .longflex img {
    width: 6vw;
    height: auto;
  }

  .fanlisting[target="_blank"]::after {
    content: url() !important;
  }

  .fanlisting img {
    height: 50px !important;
    width: 50px !important;
    max-width: 100% !important;
    margin: 0px !important;
  }

  .fanlisting img:hover {
    cursor: url("/assets/index/icons/cursor_link.cur"), pointer;
  }

  .zoom:hover {
    transform: scale(2);
  }

  @media only screen and (max-width: 1000px) {
    #aboutflex {
      flex-wrap: wrap;
      justify-content: center;
      gap: 0px;
    }

    .longflex img {
      width: 25vw;
    }

    .idflex {
      padding: 0px;
    }
  }