Haga lo que hicimos en aula | HTML y CSS: Clases, Posicionamiento y Flexbox | Alura Latam

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="estilo.css">
    <title>Pruebas</title>
</head>
<body>
    <main>
        <h1 class="titulo-blog">Blog de urgencias</h1>
        <br></br>
        <p class="texto-destacado">Noticias las 24 del dia</p>
        <br></br>
        <p class="urgente">!Todas la personas mayores de 45 años deben vacunarse!</p>

        <img class="imagen" src="hospital.jpeg" alt="Hospital" width="500" height="350">

    </main>
</body>
</html>

*{
    padding: 0;
    margin: 0;
    background-color: #000000;
}

.titulo-blog{
    position: relative;
    left: 40%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #1905d1;
    border: 5px solid #1905d1;
    padding: 5px;
    margin: 6px;
}


.texto-destacado{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fafafa;
    padding: 5px;
    border: 5px solid #1905d1;
    margin: 6px;
}

.urgente{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: rgb(255, 0, 0);
    font-size: 20px;
    padding: 5px;
    border: 5px solid #1905d1;
    margin: 6px;
}

.imagen{
    position: relative;
    top:60px;
    left: 35%;
}