Der Frühling

<body>

  <pre>
o   o
o o
o
</pre>

  <h1>Der Frühling</h1>

  <hr />

  <p>Die Sonne glänzt, es blühen die Gefilde,<br />
    Die Tage kommen blütenreich und milde,<br />
    Der Abend blüht hinzu, und helle Tage gehen<br />
    Vom Himmel abwärts, wo die Tag entstehen.</p>

  <p>
    Das Jahr erscheint mit seinen Zeiten<br />
    Wie eine Pracht, wo Feste sich verbreiten,<br />
    Der Menschen Tätigkeit beginnt mit neuem Ziele,<br />
    So sind die Zeichen in der Welt, der Wunder viele.</p>

  <p>
  <h6>
    <strong>
      <em>Friedrich Hölderlin </em></strong> </br>
    1770-1883
  </h6>
  </p>

  <pre>
o
o o
o  o
</pre>

</body>

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet">

index.html

html {
  background-color: lightblue;
  color: white;
  text-align: center;
}

h1 {
  color: white;
  font-family: "Odibee Sans", cursive;
}

p {
  font-family: "Roboto Condensed", sans-serif;
  padding: 3px;
}

body {
  text-align: center;
  padding-top: 50px;
}

hr {
  height: 1px;
  background-color: lightblue;
  margin-left: 200px;
  margin-right: 200px;
}

index.css

Play with it on CodePen