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:
    "Open Sans",
    proxima-nova,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  /* 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;
  --font-family-sans-serif:
    proxima-nova, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
}
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; */
}
a {
  color: #6450c2;
}

.ReactModal__Overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 250ms ease-out;
}
.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);
}

mjx-assistive-mml {
  display: none;
}