svg {
	width: 100%;
	height: 100%;
}

svg a {
	cursor: pointer;
}

#logos {
	pointer-events: none;
}

#shops polygon,
#shops rect {
	transition: fill 0.2s;
}

/* Department */
#department polygon,
#department rect {
	fill: #FFDA67;
	stroke: #fff;
	stroke-width: 0.5;
}

#department polygon:hover,
#department rect:hover {
	fill: #ffcd33;
}

/*Food*/
#food polygon,
#food rect {
	fill: #BCD86B;
	stroke: #fff;
	stroke-width: 0.5;
}

#food polygon:hover,
#food rect:hover {
	fill: #a6ce38;
}

/* Clothing */
#clothing polygon,
#clothing rect {
	fill: #E26684;
	stroke: #fff;
	stroke-width: 0.5;
}

#clothing polygon:hover,
#clothing rect:hover {
	fill: #d8335b;
}

/* Health */
#health polygon,
#health rect {
	fill: #EF9C5E;
	stroke: #fff;
	stroke-width: 0.5;
}

#health polygon:hover,
#health rect:hover {
	fill: #e97b28;
}

/* Misc */
#misc polygon,
#misc rect,
#misc path {
	fill: #B06489;
	stroke: #fff;
	stroke-width: 0.5;
}

#misc polygon:hover,
#misc rect:hover,
#misc path:hover {
	fill: #963062;
}