HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RPG-DND</title>
<link rel = "stylesheet" href="rpg.css">
</head>
<body>
<header></header>
<h1><span class="titulo-blog">Lenda de Ayra, a Bruxa das Sombras</span></h1>
<p><span class="texto-destaque">Eldoria, Ayra, a jovem bruxa das sombras, vivia em uma torre na Floresta Sombria. Um dia, um grupo de aventureiros pediu sua ajuda para libertar um dragão que aterrorizava uma aldeia, acreditando que ele estava sob um feitiço maligno.</span></p>
<p>Com coragem, Ayra guiou os aventureiros até a caverna do dragão. Usando um feitiço de proteção, ela se aproximou da criatura e sussurrou palavras antigas, quebrando a maldição. O dragão, agora livre, agradeceu a Ayra e prometeu proteger a floresta e a aldeia.</p>
<p>Desde então, Ayra se tornou uma lenda, aliada dos dragões e guardiã das sombras.</p>
<h2><span class="urgente">Segredo Sombrio de Ayra</span></h2>
<p>Após libertar o dragão, Ayra foi abordada por um velho sábio que revelou um segredo chocante: a maldição que aprisionava a criatura havia sido lançada por ela mesma, anos atrás, por medo de seu poder.</p>
<p><span class="urgente">Ao enfrentar a verdade, Ayra percebeu que sua tentativa de proteger a aldeia havia custado a liberdade de um ser inocente. Agora, marcada por seu passado, ela sabia que precisava usar sua magia com mais sabedoria e compaixão, para nunca mais repetir o mesmo erro.</span></p>
</body>
</html>
CSS:
*{
margin: 0;
padding: 0;
}
body{
background-color: burlywood;
font-family: 'Times New Roman', Times, serif;
}
.texto-destaque{
color:blue
}
.titulo-blog{
color:blueviolet
}
.urgente{
color: red;
}
p{
margin: 10px;
border: 1px solid brown;
padding: 10px;
}
