@import url("/style/fonts.css");

body {
	font-family: "SourceSerif4-Light", Charter, serif;
	margin-inline: auto;
	max-width: 700px;
	font-size: 18px;
	font-optical-sizing: auto;
}

video, img {
	max-width: 700px;
}

nav ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 1rem;
}

nav {
	max-width: fit-content;
	margin-inline: auto;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Charter, "SourceSerif4-Medium", Georgia, serif;
	text-align: center;
}
h1 {
	font-variant: small-caps; 
	font-size: 96px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 { font-size: 40px; }

ul.grid-list {
	display: grid;
	grid-gap: 1rem; 
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

sup {
	font-size: 0.75em;
	vertical-align: top;
	line-height: 1;
	position: relative;
	top: -0.3em;
}

.postDate {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 40px;
}

figcaption {
	font-size: 14px;
}

strong {
	font-family: "SourceSerif4";
}

a {
  color: inherit;
  text-decoration: none;
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: currentColor;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  transition: text-decoration-style 0.2s ease;
}

a:hover, 
a:focus {
  text-decoration-style: solid;
}

nav a {
	color: blue;
}