@import "reset.css";
:root {
  --f-base: 12px / 1.25em courier;
  --f-size: clamp(1rem, 2vw, 1.25);
  --site-padding: 8px;
  --c-blue: rgb(0, 96, 221);
}


body {
  background-color: white;
  color: black;
  font: var(--f-base);
  font-size: var(--f-size);
  margin: 0;
  max-width: 750px;
  padding: var(--site-padding);
}

p, li  {
  margin-bottom: 1.25em;
}

li {
  margin-left: 1em;
  padding-left: 1em;
  position: relative;
}

li:before {
  content: '';
  display: block;
  left: 0;
  top: .45em;
  position: absolute;
  background: var(--c-blue);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

a,
a:visited {
  color: black;
  text-decoration: none;
  border-bottom: solid 1px var(--c-blue);
}

hr {
  border: 0;
  padding: 2em 0;
}

hr::before {
  display: block;
  content: '';
  border-top: 1px solid #eee;
}