html {
  background: indigo none;
}
div.scroll-container {
  background-color: #330A0A;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

div.scroll-container img {
  padding: 10px;
  width: 40%;
  vertical-align: middle;
}

h1 {
  font-size: 150%;
  font-weight: 600;
  font-family: "Lexend Mega", sans-serif;
  color: plum;
}
h2 {
  font-size: 130%;
  font-weight: 500;
  font-family: "Lexend Mega", sans-serif;
  color: plum;
}
h3 {
  font-family: "Lexend Mega", sans-serif;
  font-weight: 500;
  color: plum;
}
hr {
  border: 2px dotted thistle; 
  width: 60%;
}
a {
  font-size: 105%;
  font-weight: 600;
  font-family: "Fira Sans", "Anonymous Pro", sans-serif;
  text-decoration: none;
}
a:link {
  color: white;
}
a:visited {
  color: slategrey;
}
a:hover {
  color: red;
}
a:active {
  color: plum;
}
table, th, td {
  border: 2px solid #330000;
  border-collapse: collapse;
  margin: auto;
  padding: 4px;
}
th, td {
  background-color: #552228;
}
th {
  font-family: "Jaro", "Jersey 25", sans-serif;
  font-weight: bold;
  font-size: 160%;
}
.smalltext {
  color: plum;
  font-size: 65%;
  font-family: "Fira Sans";
  text-align: center;
}
.code {
  display: inline-block;
  color: thistle;
  font-size: 105%;
  font-family: "Source Code Pro", "Go Mono", "Droid Mono", Courier, monospace;
  line-height: 95%;
  text-align: left;
  margin: auto;
  padding: 10px;
  border: 1px solid thistle;
  border-radius: 5px;
  width: 39em;
}
.div1 {
  display: inline-block;
  color: thistle;
  font-family: "Fira Sans", "Anonymous Pro", "Droid Sans", sans-serif;
  margin: auto;
  padding: 10px;
  min-width: 1100px;
  max-width: 1100px;
  text-align: left;
  border: 2px solid lemonchiffon;
  border-radius: 15px;
}
.centerimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}
img { 
  width: 100%; 
  height: auto; 
}
body {
  text-align: center;
  background-color: indigo;
  color: thistle;
}