Logos

<div>
    <h1>Logos</h1>

    <p>Das <font color=yellow>Wort</font> ist mein Schwert<br />
      und das <font color=yellow>Wort</font> beschwert mich
      <p />

    <p>Das <font color=yellow>Wort</font> ist mein Schild<br />
      und das <font color=yellow>Wort</font> schilt mich
      <p />

    <p>Das <font color=yellow>Wort</font> ist fest<br />
      und das <font color=yellow>Wort</font> ist lose
      <p />

    <p>Das <font color=yellow>Wort</font> ist mein Fest<br />
      und das <font color=yellow>Wort</font> ist mein Los
      <p />

    <footer>
      <h4 class="author">Erich Fried <em>(1921-1988)</em></h4>
    </footer>

  </div>

body {
  font-family: courier new;
  background: #b9d3ee;
  color: white;
  text-align: center;
  padding: 10px;
  margin: 0;
}
h1 {
  text-decoration: line-through;
}
h1 {
  text-decoration-color: yellow;
}

div {
  background-image: url("https://www.ruhrbarone.de/wp-content/uploads/2011/05/Erich+Fried+004bearb1.jpg");
  background-position: center;
  background-size: cover;
  padding: 20px;
  margin: 50px auto;
  height: 500px
}