html {
  font-size: 100%;
}

header {
  padding: 0.5em;
  font-size: larger;
  background: lavender;
}

h1, h2, h3 {
  color:#0073d4;
}

body {
  font-family: 'Noto Sans', sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  line-height: 1.6;
}

span:lang(ja) {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

main {
  margin: 1em;
  max-width: 80em;
}

img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  margin-left: auto;
  margin-right: auto;
}

a:hover {
  color:lightblue;
}
.post-date {
  font-size: smaller;
}
.posted-on {
  font-size: smaller;
}
.post-footer {
  border-top: 1px solid
}
.site-title {
  text-decoration: none;
  color: blue;
}
.site-title:hover {
  text-decoration: underline;
  color: blue;
}

.header-emphasis {
  color: slateblue;
}

.centered-div {
  margin-left: auto;
  margin-right: auto;
  block-size: auto;
  width: fit-content;
}

.inline-img {
  display: inline;
  margin-left: inherit;
  margin-right: inherit;
}

.tr-ja {
  font-style: italic;
}

rt {
 user-select: none;
}