@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");

*,
html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  color: #212427;
  vertical-align: baseline;
}

body {
  font-family: "Poppins", Verdana, Geneva, Tahoma, sans-serif;
  background: #f4f5f6;
}

.container {
  max-width: 1100px;
  margin: 24px auto;
}

div.logo {
  display: flex;
  justify-content: center;
  margin: 12px;
}

article {
  background: #fefefe;
  border: 1px solid #eaebed;
  padding: 24px 24px;
}

header {
  text-align: center;
}

h1 {
  font-weight: 700;
}

header > h1 {
  font-size: x-large;
  margin-bottom: 24px;
}

section {
  display: flex;
  flex-direction: column;
}

section > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

section > div > ul {
  padding: 0 48px;
}

section > div > ul > li > b {
  font-weight: 500;
}

section > div > ul > li > ul {
  padding: 12px 0 12px 48px;
}

section > h1 {
  font-size: large;
  margin: 16px 0;
}

footer {
  display: flex;
  font-size: small;
  padding: 8px 24px;
}

b {
  font-weight: 500;	
}