body{

font-family:Arial,sans-serif;
margin:0;

background:
linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.75)),
url("../images/zamracena.jpg");

background-size:cover;
background-position:center;
background-attachment:fixed;

color:#eee;

}



header{
text-align:center;
padding:40px 20px;
}

h1{
font-size:42px;
margin-bottom:10px;
}

.back{
color:#aaa;
text-decoration:none;
font-size:18px;
}

.back:hover{
color:white;
}



.gallery{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
padding: 40px;
max-width: 1400px;
margin: auto;
}



.card{
background:rgba(28,28,28,0.85);
backdrop-filter: blur(4px);

border-radius:14px;
overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,0.5);
}




.card.show{

transform:translateY(0);

opacity:1;

}

.card img{

width:100%;

display:block;

transition:transform .5s;

}

.card:hover img{

transform:scale(1.1);

}

.card p{

padding:20px;

line-height:1.6;

font-size:16px;

}

footer{

text-align:center;

padding:40px;

color:#777;

}

@media(max-width:600px){

h1{
font-size:30px;
}

.gallery{
padding:20px;
}

}