:root {
  --font-color: #222;
  --main-color: #068301;
  --key-color: #e60e57;
  --sub-color: #ff0;
  --blue-color: #016cca;
  --background-color-green: #e4fbe3;
  --background-color-gray: #f2f2f2;
  --background-color-blue: #dbf1ff;
}

*::-moz-selection {
  background: var(--main-color);
  color: #fff;
}

*::selection {
  background: var(--main-color);
  color: #fff;
}

body {
  -webkit-font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  color: var(--font-color);
  font-feature-settings: "palt";
  line-height: 1;
}

a {
  color: var(--font-color);
  text-decoration: none;
}

a:link {
  color: inherit;
}

img {
  -webkit-backface-visibility: hidden;
  max-width: 100%;
}

button {
  padding: 0;
  border: none;
  background: none;
}

@media screen and (max-width: 48em) {
  body {
    letter-spacing: 0em;
  }
}