<!DOCTYPE html>
<html lang="en-es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<header></header>
<main>
<h1 class="titulo-blog">CICLISMO</h1>
<h3 class="noticias">Noticias</h3>
<h4 class="titulo-noticias">Roglic y Mas comienzan la reconquista de la Vuelta a España</h4>
<p class="texto-destacado">El esloveno, seguido por el del Movistar, rompe la carrera en el último puerto y recorta casi un minuto al líder O’Connor</p>
<img src="img/1-ciclismo.png" alt="ciclismo">
</main>
<footer></footer>
<body>
</body>
</html>
*{
padding: 0;
margin: 5px;
}
body{
background-color: #023047;
color: #8ecae6;
letter-spacing: 10%;
}
.titulo-blog {
color: #FB8500;
font-size: 50px;
text-align: center;
border: solid;
}
.noticias{
color: #ffb703;
font-size: 32px;
border: dashed;
}
.titulo-noticias {
font-weight: bold;
font-size: 20px;
text-decoration: underline;
}
.texto-destacado {
font-style: italic;
font-size: 18px;
padding: 5px;
}
img{
padding: 20px;
width: 400px;
}