/* Center everything and make it responsive */
body{
  padding:0;
}

main{
  text-align:center;
  overflow:visible;
}

pre{
  margin:0;
  overflow:visible;
  white-space:pre;
  display:inline-block;
}

h1{
  margin:0 0 0.5rem 0;
  font-size:clamp(36px,8vw,96px);
  line-height:1;
  font-weight:800;
  letter-spacing: -0.02em;
  color:var(--text);
}

h2{
  margin:0 0 1rem 0;
  font-size:clamp(16px,2.2vw,22px);
  font-weight:600;
  color:var(--muted);
  opacity:0.95;
}

p{
  margin:0 0 1.25rem 0;
  font-size:clamp(14px,1.6vw,18px);
  color:var(--muted);
  line-height:1.6;
}

/* Navigation links */
nav{
  margin-top:0.5rem;
}

ul.links{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:var(--gap);
  justify-content:center;
}

ul.links li a{
  color:var(--link);
  text-decoration:none;
  font-size:0.95em;
  opacity:0.95;
  transition:opacity 180ms ease, transform 180ms ease;
  border-bottom:2px solid transparent;
  padding-bottom:2px;
}

ul.links li a:hover{
  opacity:1;
  border-bottom-color:var(--link);
}