Desafio: comparte tu proyecto con el mundo | HTML y CSS: ambientes de desarrollo, estructura de archivos y tags | Alura Latam

<!DOCTYPE html>
<html lang ="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Portafolio de Daely Arias</title>
        <link rel="stylesheet" href="style.css"> 
    </head>
    <body>
        <header>
            <h1></h1>
        </header>
        <main>
            <h1> Curso para aprender <strong>: HTML y CSS </strong></h1>
            <p> Hola soy Daely Arias, actualemente estoy cursando la carrera 
                universitaria en Ingeniera en informatica y sistemas.</p>
            <div class="botones">
            <a href="https://www.instagram.com/daee.laflor/" class="boton">Instagram</a>
            <a href="https://github.com/DaelyArias" class="boton">GitHub</a>
            </div>
            <p> </p>
            <div class="contenedor-imagen">
                <img src="me.enc" alt="Imagen centrada">
            </div>
        </main>
        <footer>
            <p>Contacto: 937826544 | © 2025 Todos los derechos reservados.</p>
        </footer>
    </body>
</html>

body{
    background-color: blueviolet;
    color: white;
    justify-content: center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

footer{
    display: flex;
    justify-content: center;
    
}.contenedor-imagen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

img {
    height: 300px;
    width: 300px;
}
footer{
    display: flex;
    justify-content: center;
    
}

h1{
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px 10px 40px;

}
p{
    display: flex;
    justify-content: center;
    
}
main{
    justify-content: center;
    
}
strong {
    color: aqua;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
a{
    display: flex;
    justify-content: center;
    
}
.botones {
    display: flex;
    justify-content: center;
    gap: 10px;
    
}

.boton {
    background-color: aqua;
    color: black;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    
}

h1{
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px 10px 40px;

}
p{
    display: flex;
    justify-content: center;
    
}

strong {
    color: aqua;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.botones {
    display: flex;
    justify-content: center;
    gap: 10px;
    
}

.boton {
    background-color: aqua;
    color: black;
    font-size: 15px;
    border-radius: 10px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    
}