body {
  background: oklch(17.8% 0.1 291);
  color: oklch(84% 0.1 291);
  font-family: "Asap", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, "游ゴシック", "PingFang SC", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.8em;
  display: grid;
  place-items: center;
}
h1 {
  /* color: oklch(62.9% 0.2 28) */
  color: oklch(68.2% 0.2 28);
}
h2 {
  clear: left;
  color: oklch(75% 0.16 29);
}
a {
  /* color: oklch(77.6% 0.2 28) */
  color: oklch(77.6% 0.285 28);
}
img {
 margin: 0 1em 1em 1em;
}
.float-left {
 float: left;
}
main {
  max-width: 1400px;
  padding: 0 5%;
}
footer {
  width: 100%;
  text-align: center;
}

@font-face {
  font-family: "Asap";
  src: url("fonts/Asap-Regular.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: "MPLUS";
  src: url("fonts/mplus1.ttf") format("truetype");
  font-display: swap; }