@import url('fonts.css');

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Play;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-size: 20px;
  background-color: var(--decent-color);
  color: var(--accent-color);
  overflow: hidden;
  max-height: calc(100 * var(--vh));
}

*::selection {
  background-color: var(--active-color-alpha-500);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 2.7em;
}

h2:not(:first-child) {
  margin-top: 2em;
}

h3:not(:first-child) {
  margin-top: 1em;
}

h1 {
  font-size: 160%;
}
h2 {
  font-size: 140%;
}
h3 {
  font-size: 120%;
}
h4 {
  font-size: 115%;
}
h5 {
  font-size: 110%;
}
h6 {
  font-size: 105%;
}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: -1em;
}

/* fix responsive SVG in Safari */
@supports (-webkit-backdrop-filter: blur(1px)) {
  svg {
    height: intrinsic;
  }
}

#react-refresh-overlay {
  display: none;
}