style.css

@import url("./app/style.css");
@import url("./lib/widgets/style.css");

:root {
  --color-white: #fff;
  --color-light-gray: #ededed;
  --color-dark-gray: #b2b2b2;
  --color-neutral-gray: #e0e0e0;
  --color-darker-gray: #a4a4a4;
  --color-nearblack: #3c3c3c;
  --color-blue: #0eb1eb;
  --color-yellow: #fb4;
  --color-green: #8b2;
  --inverse-text-color: var(--color-white);
  --text-color: var(--color-nearblack);
}

html,
body {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 18px;
  color: var(--text-color);
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.2em;
}

h1,
h2,
h3,
h4,
p {
  margin-bottom: 1.3rem;
  margin-top: 1.3rem;
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.3rem;
}
h4 {
  font-size: 1rem;
}
p {
  font-size: 1rem;
}