*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:"Century Gothic", Arial, sans-serif;
background:#2b2b2b;
color:white;
min-height:100vh;

display:flex;
flex-direction:column;
}

/* MAIN */

main{
flex:1;

display:flex;
justify-content:center;
align-items:center;

padding:60px 40px;
}

/* GALLERY */

.gallery{
display:grid;

grid-template-columns:repeat(3, 540px);
gap:28px;
}

/* THUMB */

.thumb{
display:block;
overflow:hidden;
}

.thumb img{
width:540px;
height:540px;

object-fit:cover;
display:block;

transition:transform 0.5s ease, opacity 0.5s ease;
}

/* HOVER */

.thumb:hover img{
transform:scale(1.02);
opacity:0.92;
}

/* FOOTER */

footer{
padding:24px 0 40px;
display:flex;
justify-content:center;
}

.social{
display:flex;
gap:28px;
}

.social img{
width:24px;
cursor:pointer;
}

/* TABLET */

@media(max-width:1800px){

.gallery{
grid-template-columns:repeat(2, 540px);
}

}

/* MOBILE */

@media(max-width:1200px){

.gallery{
grid-template-columns:1fr;
}

.thumb img{
width:min(90vw,540px);
height:min(90vw,540px);
}

.social{
gap:20px;
}

.social img{
width:22px;
}

}