main > header, main > main, main > footer {
  background: #fff;
}

main header,
main main,
main nav,
main section,
main footer,
main address,
main aside,
main hgroup,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main div,
main p,
main ul,
main li,
main blockquote {
  padding: .3em .5em;
  margin: 1em;
  border: 1px solid rgba(0, 0, 0, .3) !important;
}

main hr {
  border: 0 none;
  border-top: 3px solid #000;
}

main header::before,
main nav::before,
main section::before,
main main::before,
main footer::before,
main address::before,
main aside::before,
main hgroup::before,
main h1::before,
main h2::before,
main h3::before,
main h4::before,
main h5::before,
main h6::before,
main div::before,
main p::before,
main ul::before,
main li::before,
main hr::before,
main blockquote::before {
  color: #000;
  background: #ff0;
  border: 1px solid #000;
  font-family: Courier, monospace;
  padding: .1em .2em;
  display: block;
  font-size: 14px !important;
  line-height: 1em;
  margin-top: -1em;
  text-align: center;
  font-weight: bold;
  width: 70px;
}

main blockquote::before {
  width: 85px;
}

main nav::before,
main div::before {
  width: 40px;
}

main h1::before,
main h2::before,
main h4::before,
main p::before,
main ul::before,
main hr::before,
main li::before {
  width: 28px;
  color: #fff;
  font-weight: normal;
}

main header::before {
  content: "header";
}

main nav::before {
  content: "nav";
  background: #f90;
}

main section::before {
  content: "section";
  background: darkviolet;
  color: #fff;
}

main main::before {
  content: "main";
  background: rgba(131, 241, 206, 0.6);
}

main footer::before {
  content: "footer";
  background: #66afe9;
}

main address::before {
  content: "address";
  background: #b2dba1;
}

main aside::before {
  content: "aside";
  background: mistyrose;
}

main hgroup::before {
  content: "hgroup";
  background: coral;
}

main h1::before {
  content: "h1";
  background: #0a26eb;
}

main h2::before {
  content: "h2";
  background: #122b40;
}

main h4::before {
  content: "h4";
  background: #0a4b3e;
}

main p::before {
  content: "p";
  background: #761c19;
}

main div::before {
  content: "div";
  background: #c95542;
}

main ul::before {
  content: "ul";
  background: #8db1ff;
}

main li::before {
  content: "li";
  background: #B8E834;
}

main blockquote::before {
  content: "blockquote";
  background: #53D9F0;
  width: 95px;
}

main hr::before {
  content: "hr";
  background: #6666dd;
}