:root {
    background: transparent !important;
    background-color: transparent !important;

    --color1: #ddff76;
    --color2: #ddff76;
    --color3: #ddff76;

    --color1-lighter: rgba(221, 255, 118, 0.3);
    --color2-lighter: rgba(221, 255, 118, 0.3);
    --color3-lighter: rgba(221, 255, 118, 0.3);

    --color1-lightest: rgba(221, 255, 118, 0.15);
    --color2-lightest: rgba(221, 255, 118, 0.15);
    --color3-lightest: rgba(221, 255, 118, 0.15);

    --color-black: #1f1f1f;
    --color-grey: #b1b1b1;
    --color-white: #ffffff;

    --font1: 'Monoton', sans-serif;
    --font2: 'Comfortaa', sans-serif;
    --font3: 'Jura', sans-serif;
    --font4: 'Italiana', sans-serif;
    --font5: 'Space Mono', sans-serif;

  }

  /* responsive line break (start) */

  @media screen and (min-width: 551px) {
    .line-break-wide {
      display: block !important;
    }
    .line-break-narrow {
      display: none !important;
    }
    .h1-rplt {
      font-size: 90px;
    }

    .h2-rplt {
      font-size: 42px;
    }

    .p-rplt-sm  {
      font-size: 12px;
    }
  }

  @media screen and (max-width: 550px) {
    .line-break-narrow {
      display: inline !important;
    }
    .line-break-wide {
      display: none !important;
    }
    .h1-rplt {
      font-size: 48px;
    }

    .h2-rplt {
      font-size: 28px;
    }

    .p-rplt-sm  {
      font-size: 12px;
    }
  }

  /* responsive line break (end) */