@font-face {
    font-family: 'ggsans-bold';
    src: url('/fonts/ggsans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'ggsans-medium';
    src: url('/fonts/ggsans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'ggsans-semibold';
    src: url('/fonts/ggsans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'ggsans-normal';
    src: url('/fonts/ggsans-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  .ggsans_medium {
    font-family: 'ggsans-medium', sans-serif;
  }
  
  .ggsans_bold {
    font-family: 'ggsans-bold', sans-serif;
  }
  
  .ggsans_semibold {
    font-family: 'ggsans-semibold', sans-serif;
  }

    
  .ggsans_normal {
    font-family: 'ggsans-normal', sans-serif;
  }

  #message_container {
    -webkit-overflow-scrolling: touch;
  }
  #message_container::-webkit-scrollbar {
    width: 2px; /* Width of the vertical scrollbar */
    height: 2px; /* Height of the horizontal scrollbar */
}