body {
    background:#3b3b3b;
    color: white; 
    font-family: sans-serif;
}

header nav ul{ 
    color: white; 
    display:flex; 
    text-align: center; 
    flex-direction: row; 
    list-style-type: none ;
    justify-content: space-around; 
}

h1 a{font-size: 4rem; text-align: left; width: 30% ; margin-left: 1rem ;color: #ffffff}
h1 a:hover{color: yellow}
h2 {font-size: 2rem; text-align: center}
a {text-decoration: none ; font-family:sans-serif; color: white}
a:hover{color: black}
footer {font-size: 0.5rem; text-align: center}
h3 {font-size: 1.5rem; text-align: center}
.primer {
    background-color: rgba(0, 0, 0, 0.5) ; 
    text-align: center ; 
    background-size: contain;
    padding: 1rem;
    margin-bottom: 1rem;
}
.primer:hover {color: yellow}
.segundo {
    background-color: rgba(0, 0, 0, 0.5) ;
    text-align: center;
    padding: 1rem;
}
.segundo:hover {color: yellow}
h3:hover{color: black}
article p {font-size: 1rem}
ul {padding-left: 0}