:root { 
  --black: #000000;
  --blue-marguerite: #6b5fee;
  --blue-marguerite-2: #6b5fee99;
  --jacarta: #2d2764;
  --white: #ffffff;
 
  --font-size-l: 30px;
  --font-size-m: 25px;
  --font-size-s: 20px;
  --font-size-xl: 35px;
  --font-size-xxl: 95px;
  --font-size-xxxl: 110px;
 
  --font-family-bebas_neue: "Bebas Neue", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}

.roboto-normal-white-25px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.roboto-normal-jacarta-25px {
  color: var(--jacarta);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

@media (max-width: 550px) {
  .roboto-normal-jacarta-25px,
  .roboto-normal-white-25px {
    font-size: 18px;
  }
}