/* /tutorials/JavaScript Projects/Ships/styles.css */
#main {
	display:flex;
	justify-content: center;
}
#shapes {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
.shape {
	width:5.4vmin;
	height:5.4vmin;
	border:.75vmin ivory solid;
}
#squares {
	width:60vmin;
	height:60vmin;
	background-color:lightblue;
	margin:.75vmin;
	border:1.125vmin ridge brown;
	padding-left:2.25vmin;
	padding-top:1.5vmin;
}
.row {
	display:flex;
}
.square {
	width:5.4vmin;
	height:5.4vmin;
	border:.15vmin solid;
}
.count {
	font-size:3vmin;
	display:flex;
	cursor:pointer;
}
.right {
	align-items:center;
	margin-left:.75vmin;
}
.bottom {
	margin-top:.075vmin;
	align-items:center;
	width:5.74vmin;
	justify-content:center;
}
#shapes {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
.shape {
	width:5.4vmin;
	height:5.4vmin;
	border:1vmin ivory solid;
}
#ships {
	margin-left:1.5vmin;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}
.ship {
	height:5.4vmin;
	opacity:.15;
}


