html {
  font-size: 30px;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.0em;
}

footer {
  font-size: 0.6em;
}
/*

Mit Hilfe der Einheit em in der font-size werden die Größen der Schrift relativ zueinander
gesetzt. Hier im Beispiel hat die Überschrift h1 eine font-size von 1,5em, die zweite
Überschrift h2 nur eine von 1em und der footer sogar nur eine Schriftgröße von 0,6em

Egal wie man nun die Schriftgröße für den Bereich html ändert (auf 10px, 20px, 30px...)
die relativen Größen der beiden Überschriften und des footers blieben gleich.

*/