@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap");
:root {
  --font-family: -apple-system, BlinkMacSystemFont, Roboto, "Noto Sans JP", sans-serif;
  --col-text: #2d2d2d;
  --col-greek-blue: #0065b2;
  --col-blue-eyes: #67a5da;
  --col-secred-white: #fdfdfb;
  --col-limestone: #e5eaeb;
  --col-parthenon: #c8bca0;
  --col-acropolis: #c19969;
  --col-stone-pavement: #b8c2c8;
  --col-morning-wall: #fbe4e2;
  --col-bougainvillea: #db777f;
}

body {
  font-family: var(--font-family);
  font-size: clamp(16px, 1vw, 23px);
  background-color: var(--col-secred-white);
  color: var(--col-acropolis);
}

.my-navbar {
  background-color: var(--col-greek-blue);
  color: var(--col-secred-white);
}

main {
  margin-top: 4rem;
}

section article p {
  line-height: 1.75;
}
section article p.title {
  font-size: 2em;
  font-weight: bold;
  color: var(--col-bougainvillea);
  border-bottom: var(--col-morning-wall) 0.5em solid;
}
section article p strong {
  font-weight: bold;
  color: var(--col-acropolis);
  background-color: var(--col-limestone);
  padding: 0.1em 0.25em;
}

footer {
  margin-top: 4rem;
  padding-top: 0.5em;
  border-top: var(--col-parthenon) 2px solid;
  color: var(--col-acropolis);
}/*# sourceMappingURL=customize.css.map */