@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,500&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    color: black;
}

body {
    background: black;
}

/* barra de navegacion */
 
.nav{
    margin: 0;
    padding: 1em;
    list-style: none; 
    text-decoration: none;

}

.nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    text-decoration: none;
    margin: 0 .3em;
    padding: 1em;
}

.navlink li{
    display: inline-block;
    align-items: center;    
    margin: 0 1em;
    color: #ffffff;
    text-decoration: none;
    list-style: none;
    font-size: 1.3m;
    

}

.navlink a{
    color: #ffffff;
    text-decoration: none;
}


.navlink a:hover{
    background: red;
    color: #000000;
    text-decoration: none;
    padding: 0 .2em;
}


footer{
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.25em;
    margin: 1em;
    padding: 1em;
    background: #2a2a2a;
    
}

.contenedor{
    display: block ;
    margin: auto;
    padding: 2em;
    width: 30em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.imagen{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h2{

    color: white;
    text-align: center;
}

footer p{
    font-size: 0.60em;
    color:white;
    margin: 1em;
    padding: .5em;;
} 


img{
    width: 100%;
    margin: 10px;
}