Biblioteczne nowości
Nowości - jesienne premiery
-
Zabawa w chowanego - Søren Sveistrup
-
Nie wpuszczaj go — Lisa Jewell
-
Kolory zła. Zieleń — Małgorzata Oliwia Sobczak
Przeczytane w 2025
-
Błogosławieństwo Niebios - Mo Xiang Tong Xiu
-
Traktat o higienie - Andrzej Pilipiuk
-
Kroniki Jakuba Wędrowycza - Andrzej Pilipiuk
Soundtracki
-
Soundtracki do słuchania podczas czytania romansów
-
LP - Lost on you
-
Ellie Goulding - Love me like you do
-
Shawn Mendes - Treat you better
-
Soundtracki do słuchania podczas czytania kryminałów
-
Michael Jackson - Smooth criminal
-
SteLouse - Sociopath
-
Simon Curtis - Super Psycho Love
Video
Amy likes spiders
Czas trwania: 1 minuta 33 sekundy | Format: MP4 | Rozmiar: 3,41 MB
.navigation {
background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1200&q=80");
background-size: cover;
background-position: center;
width: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-family: "Poppins", sans-serif;
padding: 30px 0;
}
.ul-navigation {
display: flex;
text-decoration: none;
gap: 20px;
justify-content: center;
}
.a-navigation {
text-decoration: none;
padding: 15px;
color: #1a1a1a;
font-weight: 500;
border-radius: 8px;
background-color: #ffffff;
border: 1px solid #d0d7ff;
transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
}
.a-navigation:hover {
background-color: rgba(210, 180, 140, 0.7);
color: #2d1b0c;
transform: translateY(-2px);
border-color: #000000;
}
@media (max-width: 600px) {
.ul-navigation {
flex-direction: column;
align-items: center;
gap: 15px;
}
}
.message-form {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
max-width: 600px;
width: 100%;
margin: auto;
gap: 15px;
padding: 30px;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-family: "Roboto", sans-serif;
}
legend {
font-weight: 600;
color: #007bff;
padding: 0 8px;
}
label {
font-weight: 500;
color: #333;
margin-bottom: 5px;
display: block;
}
input,
textarea {
border: 1px solid #ccc;
border-radius: 6px;
padding: 10px;
font-size: 15px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
width: 90%;
}
input:focus,
textarea:focus {
border-color: #007bff;
box-shadow: 0 0 4px rgba(0, 123, 255, 0.25);
outline: none;
}
fieldset {
padding: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.message-btn {
background-color: #007bff;
color: white;
border: none;
padding: 10px 15px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
font-family: "Poppins", sans-serif;
}
.message-btn:hover {
background-color: #084688;
}
.message-btn-div {
display: flex;
padding: 15px;
justify-content: space-around;
align-items: center;
}
#message {
resize: vertical;
}
.answers-form {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
background-color: #f9fafb;
border-radius: 8px;
flex-direction: row;
}
.answers-form label {
cursor: pointer;
text-align: center;
align-items: center;
}
@media (max-width: 768px) {
.message-form {
padding: 15px;
max-width: 95%;
box-shadow: none;
}
fieldset {
padding: 8px;
}
input,
textarea {
width: 90%;
}
.message-btn-div {
flex-direction: column;
gap: 10px;
}
.message-btn {
width: 100%;
}
.answers-form {
flex-direction: column;
gap: 8px;
text-align: center;
padding: 10px;
}
}
.ul-nowosci {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin: 20px 0;
}
.li-nowosci {
text-align: center;
}
.li-nowosci figure {
display: flex;
flex-direction: column;
gap: 10px;
}
h2 {
text-align: center;
}
.li-nowosci img {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 5px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.li-nowosci img:hover {
transform: scale(1.03);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.ul-sound {
list-style: none;
text-align: center;
}
.ol-sound {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: 30px 0;
gap: 5px;
padding: 0 10px;
}
.li-sound {
display: flex;
flex-direction: column;
max-width: 500px;
justify-content: center;
align-items: center;
margin: auto;
gap: 5px;
}
#video {
text-align: center;
}
#video video {
width: 100%;
max-width: 500px;
}
section {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 20px 0;
margin: 10px 0;
}
footer {
text-align: end;
}
