.TEXT_TYPE_DARK_BOLD
{
    font-size: 15px;
    font-weight: bolder;
    color: white;
}

.TEXT_TYPE_DARK_LIGHT
{
    font-size: 13px;
    color: rgb(150,150,150);
}

.TEXT_TYPE_LIGHT
{
    font-size: 13px;
    color: white;
}

.TEXT_TYPE_NOTSOLIGHT
{
    font-size: 13px;
    color: rgb(150,150,150);
}

.TEXT_TYPE_DARK_LIGHT_YELLOW
{
    font-size: 13px;
    color: rgb(150,150,25);
}

.TEXT_TYPE_BIG_DARK_BOLD
{
    font-weight: bolder;
    font-size: 35px;
    color: white;
}

@media (max-width: 1190px)
{
    .TEXT_TYPE_BIG_DARK_BOLD
    {
        font-weight: bolder;
        font-size: 20px;
        color: white;
    }

    .TEXT_TYPE_DARK_BOLD
    {
        font-size: 10px;
        font-weight: bolder;
        color: white;
    }

    .TEXT_TYPE_DARK_LIGHT
    {
        font-size: 10px;
        color: rgb(150,150,150);
    }
}

.USER_NAME_LINE,
.TEXT_TYPE_BIG_DARK_BOLD.user-name {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* responsive font size (big on desktop, smaller on mobile) */
  font-size: clamp(18px, 3.2vw, 34px);
  line-height: 1.15;
}