body{
    background: #ffdf6a;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
}
main{
   background: white;
   border: ridge gray;
   display: flex;
   flex-direction: row;
   max-width: 600px;
   min-width: 300px;
   width: 100%;
}
.icon{
    border: ridge;
    font-family: monospace;
    
    
}
.icon a{
    color: black;
    text-decoration: none;
}
.icon:hover{
    background-color: bisque;
}

.contenedor{
    max-width: 510px;
    min-width: 200px;
    width: 100%;
    border: ridge gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 1000px;
    height: 100%;
    min-height: 600px;
}
.banner{
    width: 100%;
    height: 150px;
    background-image: url('images/banneryellow.jpg');
    background-size: 100%;
    background-position: bottom;
    align-content: center;
}
.banner2{
    width: 100%;
    height: 150px;
    background-image: url('images/banner2.jpg');
    background-size: 100%;
    background-position: center;
    align-content: center;
}
.overlay{
    justify-self: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(252, 241, 158);
}
.libro{
    max-width: 490px;
    min-width: 190px;
    width: 100%;
    border-top: ridge gray;
    border-bottom: ridge gray;
    display: flex;
    flex-direction: row;
    padding: 6px;
}

.imagen img{
    width: 60px;
}

.review{
    max-height: 800px;
    max-width: 470px;
    min-width: 170px;
    width: 100%;
    flex-direction: column;
    padding: 2px 4px 6px 10px;
    gap: 6px;
    
}

.stars {
    color: rgb(244, 184, 54);
    font-size: small;
    
}
.datos {
    font-family: monospace;
    font-size: medium;
}
.texto{
    font-family: monospace;
    font-size: small;
  
}