@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* fuentes */
/* font-family: "Playfair Display", serif; 
font-family: "Noto Sans", sans-serif;
*/

body {
    
}
header {
    background-color: brown;
    color: aliceblue;
}
article {
    font-family: "Noto Sans", sans-serif;

}

footer {
    color: aliceblue;
    background-color: rgb(37, 36, 36);
    padding: 2rem;
}




/* selectores del tipo class (clase) */
.destacado1 {
    color: rgb(255, 0, 0);
}
.destacado2 {
    font-family: "Playfair Display", serif; 
    background-color: rgb(183, 210, 210);
    font-size: 1.3rem;
    width: 90%;
    padding: 1rem;
    margin: auto;
    line-height: 1.9rem;
    
}

.anchopagina {
    width: 60rem;
    margin: auto;
}
 /* menu principal */
ul {
    padding: 0;
}
li {
    list-style: none;
    display: inline-table;
}
 a {
    font-family: "Roboto Mono", monospace;
    text-decoration: none;
    color: aliceblue;
    font-weight: 700;
    background-color: rgb(101, 101, 209);
    width: 8rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    /*padding: 0.1rem;*/
    margin: 0.3rem;
    display: block;
 }
/* pseudoclase */
a:hover {
    background-color: blue;
    color: darkgoldenrod;
}