
.boxyList {
  padding: 0em;
  display: flex;
  flex-direction: column;
  padding-top: 0em;
  padding-bottom: 0em;
  background: #b509ac0d;
  
  margin-bottom: 1em;
  color: white;

  border: 2px solid #2b4353;
}

.boxyList > :first-child {
  display: flex;
  justify-content: center;
  align-items: center;  
  font-size: 1em;  
  background: #8430cf;
  background: #d14ce6;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-left: 1em;
  font-weight: bold;
  color:white;
}

.boxyList > p {
  padding-top: 0.2em;
  margin-top: 0px;
  padding-left: 1em;
  margin: 0em;
}

.boxyList > p:nth-child(2) {
  border-top: 2px solid #2b4353;
}

.boxyList > ul:nth-child(2) {
  border-top: 2px solid #2b4353;
  padding-top: 0.2em;
  margin-top: 0px;
  padding-left: 2em;
  margin: 0em;
}

.boxyList > ul:nth-child(n+3) {
  padding-top: 0em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 2em;
}

/*
h1 {
  background: #004a55;
  background: #80ef91;
}

h2 {
  background: #00aaa0;
}

h3 {
  background: #e2f5ec;
}

.boxyList * {
  color: white;  
}

.boxyList a {
}
*/

/*Add numbers to headings*/
body {
    counter-reset: h1counter;
}

#markdown-content h1:before {
  content: counter(h1counter) ".\0000a0\0000a0";
}

#markdown-content h2:before {
  content: counter(h1counter) "." counter(h2counter) ".\0000a0\0000a0";
}

#markdown-content h3:before {
  content: counter(h1counter) "." counter(h2counter) "." counter(h3counter) ".\0000a0\0000a0";
}

/*Style the headings*/
#markdown-content h1 {
  text-align:center;
  counter-increment: h1counter;
  counter-reset: h2counter;
}
#markdown-content h2 {
  text-align:left;
  counter-increment: h2counter;
  counter-reset: h3counter;
}
#markdown-content h3 {
  text-align:right;
  counter-increment: h3counter;
  counter-reset: h4counter;
}

/*Add line before h1s*/
#markdown-content h1:nth-child(n+2) {
    border-top: 2px solid #0000001a;
}

/*Add line before h2s
 * */
#markdown-content h2 {
    border-top: 2px solid #0000001a;
}

/*Add line before h3s
 * */
#markdown-content h3 {
    border-top: 2px solid #0000001a;
}
