@import url('https://fonts.googleapis.com/css2?family=Kaisei+HarunoUmi:wght@500&display=swap');

html {
  /* light blue page background */
  background-color: rgba(173, 216, 230, 0.3); /* lightblue with transparency */
}

body {
  margin: 1em auto;
  max-width: 38em;
  font-size: 1em;
  font-family: 'Kaisei HarunoUmi', serif;
  color: rgb(30, 50, 80); /* dark blue-gray text */
  text-align: justify;
}

h1, h2 {
  line-height: 2;
  padding-top: 3em;
}

#email {
  font-family: monospace;
}

#bio {
  padding-top: 2em;
}

div.title {
  font-weight: bold;
}

li {
  margin: 1em auto;
  line-height: 1.5;
}

/* links in a stronger light-blue */
a:link {
  color: #1d4ed8; /* medium blue */
}

a:visited {
  color: #1d4ed8;
}

#links {
  margin-top: 3em;  /* increase this for more space */
}

#links h2 {
  margin-bottom: 0.2em;  /* keep heading close to links */
}

#links h3 {
  margin-bottom: 0.1em;  /* smaller gap under “Links” heading */
}

#links p {
  margin: 0;             /* no extra gap below the links */
}