a:active{
color: white;
font-size: 15px;
}

a:visited{
color: white;
font-size: 15px;
}

.imagen{
width: 200px;
border-width: 10px;
border-radius: 20px;
border-color: rgb(0, 115, 150);
border-style: solid;
float: right;
margin: 50px;
}


body {
font-family: Arial, sans-serif;
background-color: #ffffffea;
}

header {
background-color: #333;
color: white;

padding: 10px 0;
text-align: center;
border-radius: 10px;
}

header .logo h1 {
font-size: 2em;
}

nav ul {
list-style: none;
display: flex;
justify-content: center;
margin-top: 10px;
}

nav ul li {
margin: 0 20px;
}

nav ul li a {
color: white;
text-decoration: none;
font-size: 1.1em;
}

.hero {
background-image: url('IMG_20260130_104122.jpg');
background-size: cover;
background-position: center;
text-align: center;
padding: 100px 20px;
}

.hero h2 {
color: white;
font-size: 2.5em;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.books {
text-align: center;
margin: 50px 0;
}

.books h3 {
font-size: 2em;
margin-bottom: 20px;
}

.book-list {
display: flex;
justify-content: center;
gap: 20px;
}

.book-item {
text-align: center;
}

.book-item img {
width: 150px;
height: 200px;
object-fit: cover;
border-radius: 10px;
}
.book-item a{
     color:rgb(9, 9, 9);
}
footer {
background-color: #333;
color: white;
padding: 20px 0;
text-align: center;
}



.menu{
font: size 15px; ;
color: rgb(148, 148, 148);
}


a{
    color:rgb(251, 247, 247);
}
.nigel{
width: 350px;
border-radius: 10px;
background-color: #ffffff;
border-color: #333;
border-style: solid;
border-width: 5px;
margin: 5px 5px;
float: right;
}

.bp{
margin: 30px 10px;
padding: 10px;
background-color: rgb(212, 212, 212);
border-radius: 5px;

}

.nigel2{
width: 300px;
border-radius: 10px;
background-color: #ffffff;
border-color: #333;
border-style: solid;
border-width: 5px;
margin: 5px 5px;
float: right;
}