:root {
  /* Tones and shades*/
  --pri-400: #1100ff;
  --pri-450: #1106aa;

  --pri-offwhite-400: #cfcecd;
  --pri-offwhite-425: rgba(187, 185, 182, 0.5);
  --pri-offwhite-450: #bbb9b6;
  --neutral-400: #979797;
  --black: #000;
  /* Font matters*/
  --pri-fontfam: "Poppins", sans-serif;
  --sec-fontfam: "Roboto", sans-serif;

  --fontsize-xxl: 10rem;
  --fontsize-xl: 5.5rem;
  --fontsize-llg: 4rem;
  --fontsize-mlg: 3rem;
  --fontsize-lg: 2rem;
  --fontsize-800: 1.8rem;
  --fontsize-700: 1.7rem;
  --fontsize-650: 1.5rem;
  --fontsize-600: 1.3rem;
  --fontsize-500: 1.2rem;
  --fontsize-450: 1.1rem;
  --fontsize-400: 1rem;
  --fontsize-350: 0.9rem;
  --fontsize-300: 0.8rem;
  --fontsize-250: 0.7rem;
  --fontsize-200: 0.6rem;

  --lineheight-0: 0.8;
  --lineheight-1: 1.5;
  --lineheight-400: 1;
  --lineheight-450: 1.2;

  --fw-100: 100;
  --fw-400: 400;
  --fw-700: 700;

  --wildcard-pri: rgba(177, 26, 41, 0.95);
  --wildcard-sec: #fffef9;

  --takameru-pri: rgba(0, 21, 187, 0.95);
  --takameru-sec: #f2aeb9;

  --tanoshii-pri: rgba(78, 128, 127, 0.95);
  --tanoshii-sec: #efece1;

  --disrupt-pri: rgba(0, 0, 0, 0.95);
  --disrupt-sec: #fff;

  --groundup-pri: rgba(52, 79, 52, 0.95);
  --groundup-sec: #dfd9cd;

  --oddity-pri: rgba(217, 25, 147, 0.95);
  --oddity-sec: #fff;

  --heliym-pri: #2f449c;
  --heliym-sec: rgba(255, 245, 236, 0.95);

  --frgmnts-pri: #CEDCE3;
  --frgmnts-sec: #1268b3f2;

  --space-slide: 0; /*change this value to show/hide agency branding*/

  /*
  320px — 480px: Mobile devices
  481px — 768px: iPads, Tablets
  769px — 1024px: Small screens, laptops
  1025px — 1200px: Desktops, large screens
  1201px and more —  Extra large screens, TV
  */
}

/*Utility*/
.my-md {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-sm {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mt-md {
  margin-top: 2rem;
}

.fontstyle-sm {
  font-family: var(--pri-fontfam);
  font-size: var(--fontsize-250);
  font-weight: var(--fw-700);
  line-height: normal;

  position: relative;
}

/* CSS Classes */
.fontstyle-reg {
  font-family: var(--pri-fontfam);
  font-weight: var(--fw-400);
  font-size: var(--fontsize-400);
  line-height: normal;
}
.fontstyle-thin {
  font-weight: 100;
}