html {
  background: url("img/background.png");
  background-color: black;
  color: white;
  font-family: serif;
  font-size: 1.2rem;
}

.font1 {
  font-size: 120%;
  color: #ffca00;
  font-family: "Lucida Console", Monaco, monospace;
}

.font2 {
  font-size: 130%;
  color: #00ff97;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.font3 {
  font-size: 125%;
  color: #e03d66;
  font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
}

.font4 {
  font-size: 120%;
  color: #ccc;
  font-family: serif;
}

#top h1 {
  margin-bottom: 0.5rem;
}
#top h1 img {
  width: 40rem;
  max-width: 100%;
}

#main {
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
}
#main #left {
  text-align: center;
  float: left;
  width: 10rem;
  flex: none;
}
#main .content {
  width: 45rem;
}

img {
  max-width: 100%;
}

/*# sourceMappingURL=style.css.map */