body {
  background-color: #ffff99;
}

body {
  margin: 36px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

h1 {
  color: red;
  font-family: Verdana, sans-serif;
  text-align: center;
}

.rainbow-text {
  font-family: Verdana, sans-serif;
  text-align: center;
}

.green-letter {
  color: green;
}

.blue-letter {
  color: blue;
}

.yellow-letter {
  color: yellow;
}

.image-title,
.center-image {
  display: block;
  margin: 16px auto;
  text-align: center;
}

.center-image {
  width: 300px;
  border: 2px solid black;
}

.short-line {
  width: 50%;
  margin-left: 0;
}

.footer {
  text-align: center;
}

.footer-name {
  margin: 0 24px;
}

mark {
  background-color: red;
  font-weight: bold;
}