@keyframes fade-in {
  from {opacity: 0}
  to   {opacity: 1}
}

html {box-sizing: border-box}
* {box-sizing: inherit}
hbox, vbox {
  display: flex;
  gap: 8px;
}
vbox {flex-direction: row}

body {
  animation: fade-in 0.2s;
  opacity: 1;
  background: black;
  color: white;
  font: 500 16px/1.5 Inter, sans-serif;
}
h1, h2, h3, p  {margin: 1rem 0 1rem}
li             {margin: 0 0 0.5rem}
h1, h2, h3     {font-weight: 900}
hr             {border:0; border-bottom: 2px solid gray}
a              {color: #00ab73}
a:visited      {color: #adad00}

article {
  max-width: 40rem;
  margin: 3rem auto;
}