@import url("https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap");

 .creator_section{ width: 100%;
  padding:0px 0px 90px 0px; 
  background:#0222b3 url(../img/tsts1.png) right center no-repeat; z-index: 1; position: relative; }
 
 .creator_section h3{color: #fff;}



/*.body__inner-wrapper {
  height: 100%;
  max-width: 104rem;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  justify-content: center;
  margin-inline: auto;
  margin-block-start: 6rem;
}
*/
.outline__text {
  font-family: sans-serif;
  -webkit-text-stroke: 1px black;
  -webkit-text-fill-color: white;
}

.marquee {
 /* width: 100%;*/
  height: 12rem;
  pointer-events: none;
  /*background:#fff;*/
  overflow: hidden;
  /*box-shadow: 0 2rem 2rem 0.4rem rgba(0, 0, 0, 0.2);*/
}

.marquee__inner-wrap {
  height: 100%;
  width: 100%;
}

.marquee span {
  text-align: center;
  color: lightgray;
  font-weight: 400;
  white-space: nowrap;
  font-size: max(2vw, 2.4rem);
  line-height: 1.2;
  font-weight: 700;
  padding: 1vh 1vw 0;
  text-transform: uppercase;
}


.marquee_users_item_updated {
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    padding-right: 0;
    transition: all .2s;
    display: flex; margin: 0 5px; 
}

.user_name_updated {
    color:#fff;
    text-align: left;
    letter-spacing: -.02em;
    margin-bottom: 0.1em;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}

.user_category_updated {
    color:#e5dada;
    text-align: left;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 130%;
}
.user_socials {
    align-items: center;
    display: flex;
}

.user_socials_icon {
    height: 12px;
    opacity: 1;
    margin-right: 4px;
}

.socialsnumber {
    opacity: 1;
    color:#d1d1d1;
    letter-spacing: -.03em;
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;
}

.marquee__img { 
   /*width: max(8rem, 12vw); */
  height:110px;
 /* margin: 0 4vw;*/ 
 /*
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #444;
  filter: grayscale(0.6);*/
}
.marquee__img img{  border-radius: 8px; max-width: 100%; max-height: 100px;
    border-radius: 8px;
    margin-bottom: 0.5em}

.marquee__inner {
  height: 100%;
  width: fit-content;
  align-items: center;
  display: flex;
  position: relative;
   animation: marquee 40s linear infinite; 
  will-change: transform;
}

@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}