body{
    background-image: url(fondo.jpg);
    font-size: 30px;
    text-align: center;
}


#lista{
    display: flex;
    flex-direction: column;
    text-align: center;
    display: table-cell;
    text-indent: 40px;
    font-family: 'Cherry Cream Soda', cursive;
    font-family: 'Francois One', sans-serif;
    font-size: 40px;
    color:#005a00;
    width: 300px;
}

#h1{
    font-family: 'Francois One', sans-serif;
    font-family: 'Ranchers', cursive;
    color:#005a00;
    margin: auto; 
}

header .imagen{
    width: 8%;
padding-left: 2em;
padding-left: 1%;
}

#color1{
   padding: 0.5%;
   margin: 1%;
   border-color: aqua;
   background-color:dodgerblue;
   color:aliceblue;
   cursor: pointer;
}

#color1 :hover{
    background-color: chartreuse ;
    color: black;
}

.odd:nth-child(odd){
    background-color:orange;
    color:blueviolet;
}

.even:nth-child(even){
    background-color: orange;
    color:blueviolet;
}