Haga lo que hicimos | 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">
    <link rel="stylesheet" href="estilo.css">
    <title>Portafolio de Empresa de Tecnología RPM</title>
</head>
<body>
    <header>
       <menu>
        <ul>
            <li><a href="#">Información general</a></li>
            <li><a href="#">Datos para contacto</a></li>
        </ul>
       </menu> 
    </header>
    <main class="principal">
        <h1 class="titulo-blog">Sistemas de control de procesos no lineales y adaptativos</h1>
        <p class='texto-destacado'>
            Somos una empresa que desarrolla sistemas de control de procesos químicos y metalúrgicos.
            Desarrollamos software de control basado en algoritmos de inteligencia artificial.
            Resolvemos problemas complejos de ingeniería mediante la simbiosis hardware-software propio. 
        </p>
        <h2 class="titulo-blog">Noticias</h2>
        <p class="urgente">
            Desarrollo de un sistema basado en caos para la predicción de cortocircuitos en celdas de electrorefinación. 
        </p>
        <img src="foto_a.jpg" alt="Imagen Sistema Caotico">
        <h2>Contactanos a:
            <a href="https://www.linkedin.com/">Linkedin</a>
            <a href="https://www.github.com/">Github</a>
        </h2>
    </main>
    <footer>
        <p>
            Email RPM:control_sistemas_ia@gmail.com
        </p>
    </footer>
</body>
</html>

* {
    margin: 0;
    padding: 0;
}
main {
    background-color: rgb(233, 236, 227);
    color: brown;
    border-width: 4px;
    border-color: burlywood;
    border-style: double;
}
header {
    background: aquamarine;
    color: indigo;
    margin: 10px;
    padding: 5px;
}
footer {
    background-color: gainsboro;
    color: cadetblue;
    margin: 10px;
    padding: 5px;
}
a {
    color: indigo;
}
.texto-destacado {
    color: rgb(153, 0, 255); 
}
.titulo-blog {
    color: rgba(27, 2, 7, 0.26);
}
.urgente {
    color: red;
}
.principal {
    display: flex;
    align-items: center;
}