@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
@font-face {
  font-family: eb-garamond;
  src: url("/css/font.otf");
}
body {
  font: 100% "EB Garamond";
  font-size: 17px;
  color: #4c4f69;
  text-align: justify;
  text-justify: inter-word;
  font-variant-ligatures: normal;
  font-feature-settings: "calt" 1;
  font-variant-numeric: oldstyle-nums;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: #eff1f5;
}
body nav {
  font-size: 12.75px;
}
body nav a:hover {
  color: #04a5e5;
}
body main {
  width: 60ch;
  padding: 1.5rem clamp(1rem, 7%, 4rem);
}
body main strong {
  color: #8839ef;
}
body main em {
  color: #fe640b;
}
body main article time {
  font-size: 17px;
  color: #6c6f85;
  line-height: 1.4;
}
body main article img {
  width: 45ch;
}
body main article figcaption {
  font-size: 17px;
  color: #5c5f77;
  width: 45ch;
}

a {
  color: #209fb5;
  text-decoration: none;
  color: inherit;
  transition-property: background;
  transition-duration: 0.2s;
}

a:after {
  position: relative;
  content: "°";
  font-size: 90%;
  top: -0.1em;
  color: #e64553;
  font-feature-settings: "caps";
  font-variant-numeric: normal;
}

a:hover {
  color: #40a02b;
}