Ну так, ошибка в этом:
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: monospace;
}
<link href="https://fonts.googleapis.com/css?family=Lobster">
h2 {
font-family: Lobster;
}
</style>
Вы не можете использовать тег link внутри тега style.
Правильно будет если вы засунете link в head:
<head>
...
<link href="https://fonts.googleapis.com/css?family=Lobster">
...
<head>
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
font-family: monospace;
}
h2 {
font-family: Lobster;
}
</style>