body {
	background: #bbe;
}

#main {
	background: #dfd;
	height: 90vh;
	border-radius: 30px;
	padding: 20px;
	margin: 20px;
}

#flex {
    display: flex;
    /*background: #bbf;    */
    border-radius: 20px; 
    padding: 5px;
    margin: 5px;
    justify-content: center;
 	flex-flow: row wrap;
}

#item {
	background: #eeb;
	height: 27vh;
	min-height: 20vh;
	width: 27vh;
	min-width: 25vh;
	border-radius: 50%;
	overflow: hidden;
	/*padding: 5vh;*/
	padding: calc((30vh - 30vh / 1.5) / 2);
	text-align: center;
	vertical-align: bottom;
	line-height: 2.5vh;
	box-sizing: border-box;
	margin: 10px;
	border: 1px solid blue;
	box-shadow: 5px 5px 25px #555;
	font-size: 2vh;
	font-family: Arial, Verdana;
}

#red {
	color: red;
}