@charset "utf-8";
/* CSS Document */

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

body{
overflow-x: hidden
}

.gallery-container{
	width: 100%;
	margin: 100px auto;
	
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 300px);
}
.gallery-container .gallery-card{
    overflow: hidden;
    border: medium solid #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px #2E2E2E;
    box-shadow: 0px 0px 5px #2E2E2E;
}

.gallery-container .gallery-card a{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0,5s;	
}

.gallery-container .gallery-card a > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0,5s;	
}

.gallery-container .gallery-card a > img:hover{
	transform: scale(1.5) rotate(25deg)
}