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


html,body {
	width: 100%;
	height: 100%;
	background: oldlace;
}

body {
	margin: 0;

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


table {
	width: min(90vmin);
	height: min(90vmin);
	max-width: 700px;
	max-height: 700px;
	aspect-ratio: 1/1; /*정사각형*/
	border-collapse: collapse;
	table-layout: fixed; /*셀크기 고정*/
	margin: 40px auto;

}


td {
	width: 33.333%;
	height: 33.333%;
	border:0.5px solid orangered;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}




.galleryghost {
	height: 18vmin;
	top: 50px;
	left:200px;
	filter: grayscale(100%);

}

.galleryghost:hover {
	filter: grayscale(0%);
}

.fig {
	height: 20vmin;
	top: 500px;
	left:500px;
	filter: grayscale(100%) contrast(70%);
}

.apple {
	height: 18vmin;
	top: 50px;
	left:200px;
	filter: grayscale(100%);

}

.input-diary {
	height: 20vmin;
	top: 300px;
	left:100px;
	filter: grayscale(100%);
}

.input-diary:hover {
	filter: grayscale(0%);
}

.lime {
	height: 17vmin;
	top: 500px;
	left:500px;
	filter: grayscale(100%);
}

.blueberry {
	height: 17vmin;
	top: 500px;
	left:500px;
	filter: grayscale(100%)contrast(60%);
}


.mailbox {
	height: 18vmin;
	top: 500px;
	left:500px;
	filter: grayscale(100%);
}

.mailbox:hover {
	filter: grayscale(0%);
}


@media only screen and (max-width: 600px) {
	
}