/* Comfortable reading margins, no full viewport centering */
body{
  margin: 20px;
}

strong {
  color: white;
}

/* Article pages typically don't need a square hero; but keep available */
main.main{
  width: min(70vmin, 560px);
  aspect-ratio: 1 / 1;
  display: flex; align-items: center; justify-content: center;
}

/* Smaller, calmer logo for articles */
.logo{
  width: 20%;
}

/* Article-specific elements */
.article{
  color: lime;
}
.article b{
  color: white;
}

li{
  color: darkseagreen;
  text-transform: lowercase;
  font-family: monospace;
}

/* Change the caret style on articles to a block for flavor */
#hint::after{
  content: "▌";
  margin-left: 2px;
  animation: blink 1s steps(1, end) infinite;
}

main {
    padding-top: 30px;
}