@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;
  user-select: none;
}

body {
  --node-type-text: var(--decent-color-alpha-900);
  --node-type-table: rgba(74, 170, 118, 0.4);
  --node-type-function: rgba(15, 153, 15, 0.304);
  --node-type-view: rgba(119, 70, 175, 0.4);
  --border-radius: 20px;

  font-size: 20px;
  background-color: var(--decent-color);
  color: var(--accent-color);
  overflow: hidden;
  background: var(--decent-color);
}

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

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

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;
}

button svg {
  flex-shrink: 0;
}

#react-refresh-overlay {
  opacity: 0.8;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: 0 0 0 6px var(--decent-color);
}

#webpack-dev-server-client-overlay {
  display: none;
}

@supports (-webkit-backdrop-filter: blur(1px)) {
  svg {
    width: intrinsic;
  }
}