@font-face {
  font-family: 'Calibri';
  src: url('/fonts/calibri.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'markerfelt-thin';
  src: url('/fonts/markerfelt-thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  border: none;
}

::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

.content {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    font-size: xx-large;
    color: black;
    font-family: 'Calibri', sans-serif;
    user-select: none;
}
/* #trophy {
    font-family: 'markerfelt-thin', sans-serif;
} */
#chat a {
    color: #2B5D63;
    font-weight: bold;
    cursor: pointer;
}

#chat a.noted {
    color: #B8A677;
    cursor: default;
    text-decoration: none !important;
}

@media only screen and (max-width: 1200px) {
    .content {
        font-size: large;
    }
  }

@media only screen and (max-width: 720px) {
    .content {
        font-size: small;
    }
  }