/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  margin: 0 12px;
  background-color: white;
  color: black;
  font-family: sans-serif;
}

main {
  max-width: 600px;
  margin: 0 auto;
}

h1 {
  margin: 12px 12px;
  font-size: 32px;
  font-weight: 700;
}

hr {
  border: none;
  height: 12px;
  background: linear-gradient(to right in oklab, #000000 2%, #7c3e4d 8%, #a31b33 13%, #7f0009 17%, #e21f0d 20%, #ff966f 23%, #fcfcf0 26%, #ff966f 29%, #e21f0d 32%, #ad2d44 44%, #ab4d5f 46%, #da0928 48%, #801b45 58%, #000000 58%, #000000 59%, #4b4b4b 59%, #4b4b4b 67%, #3d3d3d 70%, #3d3d3d 72%, #000000 72%, #000000 73%, #9d0013 73%, #9d0013 82%, #000000 82%, #000000 83%, #c3384f 83%, #c3384f 86%, #f38c9d 86%);
}

h2 {
  margin: 24px 0 12px;
  font-size: 24px;
  font-weight: 400;
}

ul {
  margin: 0;
  padding-inline-start: 48px;
  font-size: 48px;
  list-style-type: "🞮";
}

li {
  margin: 12px 0;
  font-weight: 400;
}

li:before {
  content: "";
  padding-left: 12px;
}

a {
  font-weight: 700;
  text-decoration: underline;
  color: black;
}

a:visited {
  color: gray;
}

thead {
  background-color: black;
  color: white;
}