:root{
  --black:#050a12;
  --graphite:#0c1420;
  --carbon:#121d2c;
  --line:rgba(230,240,250,0.09);
  --line-strong:rgba(230,240,250,0.18);
  --off-white:#eef3f8;
  --dim:#93a0ac;
  --lime:#2fd4ff;
  --serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Times New Roman', serif;
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--black);
  color:var(--off-white);
  font-family:var(--sans);
  line-height:1.7;
  padding:0;
}
nav{
  padding:20px 24px;
  border-bottom:1px solid var(--line);
  font-family:var(--sans);
}
nav a{
  color:var(--off-white);
  text-decoration:none;
  margin-right:6px;
}
nav a:hover{ color:var(--lime); }
main{
  max-width:760px;
  margin:0 auto;
  padding:48px 24px 80px;
}
h1{
  font-family:var(--serif);
  font-size:2.2rem;
  margin-bottom:20px;
  color:var(--off-white);
}
h2{
  font-family:var(--serif);
  font-size:1.5rem;
  margin-top:36px;
  margin-bottom:14px;
  color:var(--lime);
}
h3{
  font-family:var(--serif);
  font-size:1.15rem;
  margin-top:24px;
  margin-bottom:10px;
  color:var(--off-white);
}
p{
  margin-bottom:16px;
  color:var(--dim);
}
ul{ margin:0 0 16px 24px; color:var(--dim); }
li{ margin-bottom:8px; }
a{ color:var(--lime); }
article{
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
article h2 a{ color:var(--off-white); text-decoration:none; }
article h2 a:hover{ color:var(--lime); }
footer{
  text-align:center;
  padding:32px;
  color:var(--dim);
  font-size:0.85rem;
  border-top:1px solid var(--line);
}