/* DON'T TOUCH THIS! */
body {
	height: 100vh;
}

.tiles {
	display: grid;
	grid-template-columns: repeat(3,10vw);
	grid-template-rows: repeat(3,10vw);
	grid-gap: 1vw;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.tile {
	border: 1px solid black;
	border-radius: 20px;
}
/* DON'T TOUCH THIS! */

/* Your goal is to use CSS to change the colors of the tiles when they are hovered over. Hovering over a tile will result in its color being changed exclusively. The color to change it to is up to you. The tile should also grow to 1.5 times its original size. Good luck!
 */