@import url("https://fonts.googleapis.com/css2?family=Matangi:wght@300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --background_color: #e3eef4;
  --primary_color: #072434;
  --secondary_color: #064162;
  --foreground_color: #6ab9e8;
  --one_more_color: #bde8ff;
  --colors_incoming: #d4e8f3;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", "system-ui", "sans serif";
}
::-webkit-scrollbar {
  border-radius: 11px;
  width: 2px;
  height: 2px;
}
::-webkit-scrollbar-track {
  border-radius: 11px;
  background: #064162;
  width: 2px;
}
::-webkit-scrollbar-thumb {
  background-color: #0ea7ff;
  border-radius: 10px;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--background_color);
}
.black-3c85d {
  background-color: var(--primary_color);
  color: var(--colors_incoming);
}
.white-1e1d7 {
  background-color: var(--colors_incoming);
  color: var(--primary_color);
}
