/* /pbg/Ships/styles.css */
body {
	font-family: sans-serif;
	background-color: ivory;
}
#head {
	display:flex;
	align-items: center;
	justify-content:space-around;
	margin:2vmin 0 .5vmin 0;
}
#best {
	font-size: 3vmin;
	visibility:hidden;
}
#head img {
	height:5vmin;
}
#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;
	margin-right:1vmin;
}
.rship {
	width:5.4vmin;
	opacity:.15;
}
#rest {
	display:flex;
	justify-content: center;
	flex-direction: column;
	margin-left:2vmin;
}
#text {
	margin-top: 1vmin;
 	font-size:3vmin;
	text-align: center;
	line-height:1.2;
}
b {
	color:blue;
}
.ships_row {
	display: flex;
	align-items: center;
}