body{
    background-image: url('images/fondoarbol.jpg');
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
}
main{
   background: white;
   border: ridge gray;
   display: flex;
   flex-direction: row;
   justify-content: end;
   max-width: 900px;
   min-width: 300px;
   width: 100%;
}
.icon{
    border: ridge;
    font-family: monospace;
    max-width: 150px;
    width: 100%;
    min-width: 92px;
    height: fit-content;
    
    
}
.icon a{
    color: black;
    text-decoration: none;
}
.icon:hover{
    background-color: bisque;
}

.contenedor{
    align-items: center;
    max-width: 800px;
    min-width: 200px;
    width: 100%;
    border: ridge gray;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    height: 100%;
    min-height: 600px;
    overflow-y: auto;
}
.banner{
    width: 100%;
    max-height: 200px;
    min-height: 180px;
    height: 100%;
    background-image: url('images/gradiente3.jpg');
    background-size: 100%;

    align-content: center;
    border: ridge gray;
}

.overlay{
    z-index: 999;
    justify-self: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(252, 241, 158);
}


.texto{
    font-family: monospace;
    font-size: small;
    padding: 20px 40px 10px 40px;
    display: flex;
}
.texto img{
  justify-self: center;
    display: flex;
}