HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>01 - Desafío</title>
</head>
<body>
<h1 class="titulo-blog">Blog - Noticias del mundo</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem nam blanditiis possimus praesentium sed, dolores laboriosam soluta tenetur saepe, <span class="texto-destacado">sit debitis ut explicabo neque facilis eveniet vero.</span> Alias, expedita et?</p>
<p class="urgente">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla nemo sequi cumque praesentium molestias eum eaque, unde earum? Doloremque blanditiis hic ratione obcaecati voluptates corrupti omnis eaque delectus nisi laboriosam.
</p>
<p class="urgente">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores perferendis quia commodi corrupti dignissimos amet. Suscipit, perferendis quos et aperiam sed labore ipsum unde ea, doloribus possimus cum itaque facilis.
</p>
</body>
</html>
CSS
*{
padding: 0;
margin: 0;
}
body{
background-color: #626F47;
color: #FEFAE0;
font-family: 'Tenorite', sans-serif;
font-size: 25px;
}
.texto-destacado{
color: #FFCF50;
}
.titulo-blog{
color: #FFCF50;
}
.urgente{
color: #881f1f;
margin: 10px;
border: 10px solid #A4B465;
padding: 10px;
}
RESULTADO
