body{
margin:0;
font-family:Arial, sans-serif;
background:#02194118;
}

/* Header */

header{
text-align:center;
padding:40px;
font-size:28px;
letter-spacing:3px;
}

/* Gallery */

.gallery{
column-count:4;
column-gap:15px;
padding:30px;
}

.gallery img{
width:100%;
margin-bottom:15px;
border-radius:10px;
cursor:pointer;
transition:0.4s;
break-inside:avoid;
}

.gallery img:hover{
transform:scale(1.05);
box-shadow:0 10px 25px rgba(0,0,0,0.3);
}

/* Footer */

footer{
text-align:center;
padding:20px;
background:#ffffff4b;
margin-top:40px;
}

/* Responsive */

@media (max-width:1200px){
.gallery{
column-count:3;
}
}

@media (max-width:768px){
.gallery{
column-count:2;
}
}

@media (max-width:480px){
.gallery{
column-count:1;
}
}