body{
    font-family: Arial;
    background:#e2e2e1;
    margin:0;
    padding:30px;
}

h1{
    text-align:center;
    color: #333;
}

.galeria{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.libro{
    background:rgb(87, 161, 221);
    padding:10px;
    border-radius:10px;
    box-shadow:0 0 10px rgb(54, 141, 199);
    text-align:center;
}

.libro img{
    width:150px;
    height:200px;
    object-fit:cover;
}

button{
    margin-top:10px;
    padding:10px;
    cursor:pointer;
}

.libro{
    background-color: lightblue;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px gray;
    text-align: center;
}

body{
    font-family: Arial;
    background-color: #ffffff;
    margin: 0;
    padding: 20px;
}

footer{
    background-color: #5095d6;
    text-align: center;
    margin-top: 20px;
    color: #e0ddf1;
    padding: 5px;

}

footer p{
    margin: 5px;
}

footer p:nth-child(3){
    font-weight: bold;
    color: #c6c2db;
}

nav{
    background-color: #5095d6;
    color: white;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

ul li{
    display: inline-block;
    margin: 0 10px;
    background-color: #5095d6;
    padding: 5px 10px;
    color: white;
}

li a{
    color: white;
    text-decoration: none;
}