*{
	box-sizing: border-box;
}

main{
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

h1{
	margin: 0;
	font-size: 50px;
	padding: 5px 5px;
	text-align: center;
	border-bottom: 2px solid gray;
}

button{
	margin: 10px 10px;
	padding: 5px 5px;
	font-size: 14px;
}

.container{
	width: 600px;
	height: 600px;
	border: 1px solid red;
	margin: 10px 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.square{
	height: 6,25%;
	width: 6.25%;
	border: 1px solid green;
}

.newSize{
	border: 1px solid green;
}

.hover{
	background-color: lightgray;
	opacity: 90%;
}