body {
  font-size:20px;
  line-height: 2;
}
img {
  width:500px;
}
.small {
  width:300px;
}
.mid {
  width:500px;
}
.heading {
  background-color: #708090;
  padding-top:10px;
  padding-bottom: 10px;
  padding-left:10px;
}
pre {
  background-color: #F0F8FF; /* 100% grey - you can adjust the shade */
  padding: 1rem;            /* Optional: adds some spacing inside the box */
  width: 100%;              /* Ensures it spans the full width of its parent */
  margin: 0;                /* Optional: removes default margins if needed */
}
h2 {
  color:white;
}
