body{
    background-color: rgb(26, 26, 201);
}

h1{
    color: black;
    background-color: rgb(26, 26, 201);
    font-family: fantasy;
    height: auto;
}

div{
 width: 800px; 
   max-width:95% ;
 margin: 0 auto;
}

header{
    text-align: center;
}

nav{
    border-bottom: 2px solid navy;
    color:black ;
    
}

article{
    background-color: grey;
    padding:15px;
    margin: 15px;
}

.centrada{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}
.alineado{
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.chico{
    width: 10%;
}

nav li{
    display: inline-block;
}

nav a{
    text-decoration: none;
    color:white ;
    background-color: black;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
} 

nav a:hover{
    color:black ;
    background-color: white;
}

html{
    scroll-behavior: smooth;
}