:root {
  --c-background: #1b1b1b;
  --c-background-light: #292929;
  --c-background-lighter: #3f3f3f;
  --c-background-lightest: #575757;
  --c-base-text: #fff;
  --c-primary: #ff9616;
  --c-primary-darker: #f28500;
  --c-gray: rgb(194, 194, 194);
  --c-border: rgb(80, 80, 80);
  --c-red: #ff7b8f;
}

html,
body {
  padding: 0;
  margin: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 17px;
}
body {
  color: var(--c-base-text);
  background: var(--c-background);
  text-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.7;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

button {
  border: none;
  cursor: pointer;
  appearance: none;
  font-family: inherit;
  transition: 0.25s;
  background: transparent;
  color: #fff;
  padding: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

img {
  max-width: 100%;
}
h1,
h2,
h3,
h4 {
  line-height: 1.4;
}