html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /* min-height: 100vh; */
  /* mobile viewport bug fix */
  /* min-height: -webkit-fill-available; */
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
  font-family:
    "roboto-slab",
    proxima-nova,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;

  --app-contain-width: 1250px;
}
body {
  font-size: 1.2rem;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  text-underline-offset: 0.25em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
#root {
  height: 100%;
  /* min-height: -webkit-fill-available; */
}
a {
  color: #005f9d;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.ReactModal__Overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 250ms ease-out;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /* min-height: 100vh; */
  /* mobile viewport bug fix */
  /* min-height: -webkit-fill-available; */
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
  font-family:
    "Nunito",
    sans-serif,
    "roboto-slab",
    proxima-nova,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;

  --app-contain-width: 1250px;
}
body {
  font-size: 1.2rem;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
#root {
  height: 100%;
  /* min-height: -webkit-fill-available; */
}

.ReactModal__Overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 250ms ease-out;

  /* todo: look into a better value for this */
  z-index: 999;
}
.ReactModal__Overlay--after-open {
  opacity: 1;
}
.ReactModal__Overlay--before-close {
  opacity: 0;
}
.ReactModal__Content {
  transform: translateY(-20px);
  transition: all 200ms ease-out;
  display: flex;
}
.ReactModal__Content--after-open {
  transform: translateY(0px);
}
.ReactModal__Content--before-close {
  transform: translateY(-20px);
}
.ReactModal__Content {
  transform: translateY(-20px);
  transition: all 200ms ease-out;
  display: flex;
}
.ReactModal__Content--after-open {
  transform: translateY(0px);
}
.ReactModal__Content--before-close {
  transform: translateY(-20px);
}

button {
  font: inherit;
  color: inherit;
}

mjx-assistive-mml {
  display: none;
}