@import url('https://fonts.googleapis.com/css?family=Open%20Sans:700|Open%20Sans:400');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
body {
  font-family: 'Open Sans';
  font-weight: 400;
}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans';
  font-weight: 700;
}

html {font-size: 100%;} /* 16px */

h1 {
  font-size: 3.053rem; /* 48.8px */ 
  font-family: "Archivo Black", "Open Sans";
  font-weight: 400;
  font-style: normal;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

h2 {font-size: 2.442rem; /* 39.04px */}

h3 {font-size: 1.954rem; /* 31.2px */}

h4 {font-size: 1.563rem; /* 24.96px */}

h5 {font-size: 1.250rem; /* 20px */}

small {font-size: 0.800rem; /* 12.8px */}


@media (prefers-color-scheme: light) {
  :root {
    --text-50: #eafbed;
    --text-100: #d4f7db;
    --text-200: #a9efb7;
    --text-300: #7ee793;
    --text-400: #54de6f;
    --text-500: #29d64b;
    --text-600: #21ab3c;
    --text-700: #18812d;
    --text-800: #10561e;
    --text-900: #082b0f;
    --text-950: #041508;

    --background-50: #eafbee;
    --background-100: #d4f7dd;
    --background-200: #aaeebb;
    --background-300: #7fe699;
    --background-400: #55dd77;
    --background-500: #2ad555;
    --background-600: #22aa44;
    --background-700: #198033;
    --background-800: #115522;
    --background-900: #082b11;
    --background-950: #041508;

    --primary-50: #e9fbed;
    --primary-100: #d4f7dc;
    --primary-200: #a8f0b9;
    --primary-300: #7de896;
    --primary-400: #52e073;
    --primary-500: #26d950;
    --primary-600: #1fad40;
    --primary-700: #178230;
    --primary-800: #0f5720;
    --primary-900: #082b10;
    --primary-950: #041608;

    --secondary-50: #e9f1fb;
    --secondary-100: #d3e4f8;
    --secondary-200: #a8c8f0;
    --secondary-300: #7cade9;
    --secondary-400: #5192e1;
    --secondary-500: #2576da;
    --secondary-600: #1e5fae;
    --secondary-700: #164783;
    --secondary-800: #0f2f57;
    --secondary-900: #07182c;
    --secondary-950: #040c16;

    --accent-50: #e9ebfb;
    --accent-100: #d3d8f8;
    --accent-200: #a8b0f0;
    --accent-300: #7c89e9;
    --accent-400: #5161e1;
    --accent-500: #253ada;
    --accent-600: #1e2eae;
    --accent-700: #162383;
    --accent-800: #0f1757;
    --accent-900: #070c2c;
    --accent-950: #040616;

  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text-50: #041508;
    --text-100: #082b10;
    --text-200: #115520;
    --text-300: #19802f;
    --text-400: #22aa3f;
    --text-500: #2ad54f;
    --text-600: #55dd72;
    --text-700: #7fe695;
    --text-800: #aaeeb9;
    --text-900: #d4f7dc;
    --text-950: #eafbed;

    --background-50: #051507;
    --background-100: #092a0e;
    --background-200: #12541c;
    --background-300: #1c7d2a;
    --background-400: #25a738;
    --background-500: #2ed146;
    --background-600: #58da6b;
    --background-700: #82e390;
    --background-800: #abedb5;
    --background-900: #d5f6da;
    --background-950: #eafaed;

    --primary-50: #041608;
    --primary-100: #082b10;
    --primary-200: #0f5720;
    --primary-300: #178230;
    --primary-400: #1fad40;
    --primary-500: #26d950;
    --primary-600: #52e073;
    --primary-700: #7de896;
    --primary-800: #a8f0b9;
    --primary-900: #d4f7dc;
    --primary-950: #e9fbed;

    --secondary-50: #040c16;
    --secondary-100: #07182c;
    --secondary-200: #0f2f57;
    --secondary-300: #164783;
    --secondary-400: #1e5fae;
    --secondary-500: #2576da;
    --secondary-600: #5192e1;
    --secondary-700: #7cade9;
    --secondary-800: #a8c8f0;
    --secondary-900: #d3e4f8;
    --secondary-950: #e9f1fb;

    --accent-50: #040616;
    --accent-100: #070c2c;
    --accent-200: #0f1757;
    --accent-300: #162383;
    --accent-400: #1e2eae;
    --accent-500: #253ada;
    --accent-600: #5161e1;
    --accent-700: #7c89e9;
    --accent-800: #a8b0f0;
    --accent-900: #d3d8f8;
    --accent-950: #e9ebfb;

  }
}