index.html

<style>
    @font-face {
      font-family: Whitney;
      src: url("https://discordapp.com/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff");
      font-weight: 300;
    }
  
    @font-face {
      font-family: Whitney;
      src: url("https://discordapp.com/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff");
      font-weight: 400;
    }
  
    @font-face {
      font-family: Whitney;
      src: url("https://discordapp.com/assets/3bdef1251a424500c1b3a78dea9b7e57.woff");
      font-weight: 500;
    }
  
    @font-face {
      font-family: Whitney;
      src: url("https://discordapp.com/assets/be0060dafb7a0e31d2a1ca17c0708636.woff");
      font-weight: 600;
    }
  
    @font-face {
      font-family: Whitney;
      src: url("https://discordapp.com/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff");
      font-weight: 700;
    }
  
    body {
      background-color: #36393e;
      color: #dcddde;
      font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 16px;
      margin: 0;
      padding: 0;
    }
  
    .message-container {
      display: flex;
      flex-direction: column;
      padding-left: 15px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
    }
  
    .parent-container {
      padding: 25px;
      display: flex;
      border-radius: 13px;
    }
    .parent-container:hover {
      padding: 25px;
      display: flex;
      border-radius: 5px;
      background-color: #26282c;
    }
    .avatar {
      border-radius: 50%;
      height: 50px;
      width: 50px;
    }
  
    .info__guild-name {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: xx-large;
      color: white;
  
    }
  
    .info {
      display: flex;
      max-width: 100%;
      margin: 0 5px 10px;
    }
  
  .info__channel-messages-count{
          font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
  }
    .info__guild-icon {
      border-radius: 50%;
      height: 50px;
      width: 50px;
    }
  
    .info__metadata {
      flex: 1;
      margin-left: 10px;
    }
  
    .info__guild-icon-container {
      flex: 0;
    }
    ::-webkit-scrollbar {
    width: 15px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #b4b4b4b4; 
    border-radius: 4px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(94, 94, 94); 
    border-radius: 4px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(54, 54, 54); 
  }
  img {
    border-radius: 6px;
  }
  </style>