:root {
  font-family: Inter;
  --bg-main: #131c2b;
  --fg-main: #eaedef;
}

@supports (font-variation-settings: normal;) {
  :root {
    font-family: "InterVariable", sans-serif;
    font-optical-sizing: auto;
  }
}

body {
  background-color: var(--bg-main);
  color: var(--fg-main);
}

h1 {
  color: #30c489;
  text-align: center;
}

h2 {
  color: #70a0ff;
}

h3 {
  color: #7fce5f;
}

h4 {
  color: #2fd0db;
}

h5 {
  color: #cf90ff;
}

h6 {
  color: #12b4ff;
}

p {
  color: var(--fg-main)
}

a:link {color: #57b0ff;}
a:visited {color: #cf90ff;}