body {
    width: 1440px;
    height: 1024px;
    background-image:url(fondonegro.jpg);
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    flex-direction: column;
}
 
   
  
    h1 {
    padding: 5px;
    font-size: 32px;
    color: rgb(249, 249, 252);
}

h2 {
    padding: 5px;
    font-size: 24px;
    color: blue;
}

li  {
    color: white;
}

header {
    display: flex;
    flex-direction: column;
    width: 1250px;
    height: auto;
    padding: 5px;

    text-align: center;
}

nav {
    margin: 15px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

button {
    width: 100px;
    height: auto;
    background-color: transparent;
    border: 2px solid rgb(156, 161, 150);
    color: rgb(255, 255, 254);
    padding: 10px 20px;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background-color: blanchedalmond;
    color: rgba(238, 232, 232, 0.897);
}

.boton {
    width: 100px;
    background-color: transparent;
    border: 2px solid rgb(238, 238, 241);
    color: rgb(180, 177, 173);
    padding: 10px 20px;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.boton:hover {
    background-color: rgb(252, 250, 247);
    color: rgb(252, 249, 249);
}