body {
  background-color:#222; max-width:800px; color:#fff;
  font-family: 'Inter'; font-size: 1.2em; font-weight: 400; line-height:1.5;
  margin:40px auto; padding: 0 10px;
}

a {color:#aaa;}
a:hover {color:#ccc;}
img {max-width:100%;}

p { margin:0 0 1.5em auto; }
ul { list-style: none; margin-top:0; padding-left: 0; }
img { margin-bottom: 1.5em; }

.half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*column-gap: 3em;*/
}

.third {
  display: grid;
  grid-template-columns: 1fr 2fr;
  /*column-gap: 3em;*/
}

.fourth {
  display: grid;
  grid-template-columns: 1fr 3fr;
  /*column-gap: 3em;*/
}

.clear { clear: both; }