Haga lo que hícimos en el aula | HTML y CSS: Clases, Posicionamiento y Flexbox | Alura Latam

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Blog</title>
    <link rel="stylesheet" href="stile.css">
</head>
<body>
    <header>
       
    </header>
    <main>
        <h1 class="titulo-blog">Este es el Blog de <strong class="titulo-destaque">Silene González </strong></h1>
        <h2>Portafolio de Silene González</h2>
        <p class="texto-destacado">¡Hola! Soy Silene González, desarrolladora Front-end con especialización en React, HTML y CSS. Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?</p>
        <p class="urgente">Esta es una noticia urgente</p>
        <div class="imagen">
            <img src="silene.jpg" alt="Imagen de Silene González trabajando">
        </div>
        <div class="enlace">
            <a href="https://www.instagram.com/">Instagram</a>
            <a href="https://www.github.com/">Git Hub</a>
        </div>   
        
    </main>
    <footer>

    </footer>
    </body>
</html>

*{
    padding: 0;
    margin: 0;
}

body{
    background-color: #000000;
    color: white;
}

.titulo-destaque{
    color: #22D4FD;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 45px;
    font-weight: bold;
}

.texto-destacado{
    color: chartreuse;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 30px;
}
.titulo-blog{
    color: blue;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 45px;

}

.urgente{
    color: red;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin: 5px;
    border: 2px solid rgb(78, 78, 138)
}