:root {
  --black: #000000;
  --white: #ffffff;
  --grey: #ededed;
  --yellow: #fee387;
  --workSans: "Work Sans", sans-serif;
  --rubik: "Rubik", sans-serif;
}

html {
  display: flex;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-basis: 1px;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
  margin: 0px;
  font-family: var(--workSans);
  color: var(--black);
  background-color: var(--grey);
  height: fit-content;
}
@media (pointer: none), (pointer: coarse) {
  body {
    font-size: 0.75em;
  }
}
body style, body script, body link {
  display: none !important;
}

* {
  margin: 0px;
  padding: 0px;
  flex-direction: column;
  position: relative;
  line-height: 100%;
  font-family: inherit;
}

#root {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-basis: 1px;
  flex-grow: 1;
  height: fit-content;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--rubik);
}

button, input, select, option {
  border: none;
  outline: none;
  -webkit-appearance: none;
}

button {
  font-family: inherit;
}

/*# sourceMappingURL=globals.css.map */