*, *:after, *:before {
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  color: rgba(255,255,255,0.92);
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.375em;
}

.pageWrapper {
  padding: 3em;
  min-height: 100dvh;
  background-color: rgb(13, 13, 101);
}

header {
  margin-bottom: 3em;
}

.mainContent {
  margin: 0px 0px 0px 0px;
  /* max-width: 60ch; */
}

xmp {
  background-color: rgba(0,0,0,0.75);
  padding: 2em;
}

.bulbWrapper img {
  display: block;
  float: left;
  margin-right: 1em;
}
.bulbWrapper::after {
  content: " ";
  display: table;
  clear: both;
}

/* ************************************************************************ */
/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
  line-height: 1.05em;
  margin: 0px 0px 1em 0px;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.5em;
}

p {
  margin: 0px 0px 1.5em 0px;
}

a {
  color: tomato;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}