:root {
  --theme: #41B97A;
  --theme-semi-lighten: #e6f3ec;
  /* --theme-lighten: #252b5d; */
  /* --theme-lighten: #2F2866; */
  --theme-lighten: #242a5a;
}

*::selection {
  background-color: var(--theme);
  color: black;
}

.text-theme {
  color: var(--theme);
}

.bg-theme {
  background-color: var(--theme);
}

.bg-theme-lighten {
  background-color: var(--theme-lighten);
}

body {
  background: black;
  /* font-family: "EB Garamond", serif; */
  font-family: 'Roboto', serif;
}

/* body {
  background-color: white;
} */

/* .roboto {
  font-family: 'Roboto', serif;
  font-optical-sizing: auto;
  font-style: normal;

} */

/* .lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
} */

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
/* :root {
  font-family: "Proxima Nova", "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  letter-spacing: 1px;
} */