@import url(base.css);

main {
  max-width: 950px;
  padding: 2em;

  background:
    url(media/quobl2.png) bottom left 5% / 30% no-repeat,
    var(--default-bg);
  background-blend-mode: multiply;
}

footer {
  margin-top: 6em;
}


.flags {
  list-style: none;
  padding: 0;
}

.flags li {
  display: inline-block;
  padding: 0 .25em;
}

.flags img {
  height: 1.25em;
  border: 2px solid oklch(37.28% 0.1488 17.16 / 80%);
  transform: rotate(-3deg);
}

dl {
  grid-template-columns: repeat(2, auto);
  row-gap: 1em;
}

p {
  margin: 0 0 .5em 0;
}

.note {
  font-size: 80%;
}

ul {
  margin: 0;
}