body {
  display: flex;
  flex-flow: column wrap;
  align-content: center;

  margin: 0;
  padding: 3px;

  background-color: #D8DBE2;

  font-family: Verdana, sans-serif;
  font-size: 11pt;
}

main {
  display: flex;
  flex-flow: column wrap;

  width: 800px;

  background-color: #FFFFFF;

  border: 2px solid #212738;
}

main>header {
  display: flex;
  flex-flow: row wrap;
  
  background-color: #F5F6F7;
}

main>header>img {
  margin: 3px 0 0 40px;
}

main>header>span {
  margin: 15px 0 0 50px;

  font-size: 180%;
  font-weight: bold;
}

main>div {
  margin: 3px;
}

main>div>div>header {
  padding: 3px 6px 3px 6px;

  background-color: #8E9CB2;
  color: #FFFFFF;

  font-size: 112%;
  font-weight: bold;
  text-align: center;
}

#it-works {
  background-color: #CD214F;
}

main>div>div>div {
  padding: 4px 8px 4px 8px;
}

p {
  margin: 0 0 6px 0;

  font-size: 100%;
}

a {
  background-color: #DCDFE6;
  color: #000000;

  text-decoration: none;
  font-weight: bold;
}

a:hover {
  background-color: #000000;
  color: #DCDFE6;
}

pre {
  margin: 8px 0 8px 0;
  padding: 8px;

  background-color: #F5F6F7;

  border: 1px dotted #000000;

  font-style: italic;
}

ul, li {
  padding: 4px 8px 4px 16px;
}