@import url("https://fontsapi.zeoseven.com/69/main/result.css");
@import url("https://fontsapi.zeoseven.com/gh/main/result.css");
@import url("https://fontsapi.zeoseven.com/83/bold/result.css");

:root {
  --fg-color: black;
  --bg-color: #fff7e1;
  --bg-color-lighter: #FFFCEE;
  --navbar-bg-color: #FB8F06;
  --navbar-bg-color-lighter: #ffd9a7;
  --navbar-fg-color: white;
}

body {
  background-color: var(--bg-color);
  font-family: Inter, "Noto Sans CJK", sans-serif;
  font-weight: normal;

  margin: 12px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Chill Round Gothic Bold", sans-serif;
}

a {
  color: var(--navbar-bg-color);
}

p {
  line-height: 1.4em;
  font-size: 1.05em;
}

button {
  padding: 0.3em 0.9em;
  font-size: 1.15em;
  cursor: pointer;
}

footer {
  max-width: 1080px;
  border-radius: 2rem;

  margin-top: 48px !important;
}

.footer-content {
  padding: 0.8em 1.5em;
}

.avatar {
  width: 4.5em;
  border-radius: 100%;
}