#hexGrid {}
 #hexGrid .hexCrop {
    position: relative;
    overflow: visible; 
}
 #hexGrid .hexGrid {
    display: grid;
    justify-items: auto;
    align-items: auto;
    grid-template-columns: repeat(3, 1fr 2fr) 1fr;
    grid-template-rows: repeat(5); 
}
#hexGrid .hexGrid .hex {
    display: none; 
}
#hexGrid .hexGrid .c-1, 
#hexGrid .hexGrid .hex:nth-child(1), 
#hexGrid .hexGrid .hex:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: span 3; 
}
#hexGrid .hexGrid .c-1.r-1, 
#hexGrid .hexGrid .hex:nth-child(1), 
#hexGrid .hexGrid .c-1.hex:nth-child(2), 
#hexGrid .hexGrid .hex:nth-child(2):nth-child(4), 
#hexGrid .hexGrid .c-1.hex:nth-child(3), 
#hexGrid .hexGrid .hex:nth-child(3):nth-child(4), 
#hexGrid .hexGrid .r-1.hex:nth-child(4) {
	grid-row-start: 1;
	grid-row-end: span 2; 
}
#hexGrid .hexGrid .c-1.r-2, 
#hexGrid .hexGrid .r-2.hex:nth-child(1), 
#hexGrid .hexGrid .hex:nth-child(1):nth-child(5), 
#hexGrid .hexGrid .hex:nth-child(1):nth-child(6), 
#hexGrid .hexGrid .hex:nth-child(4), 
#hexGrid .hexGrid .c-1.hex:nth-child(5), 
#hexGrid .hexGrid .c-1.hex:nth-child(6) {
	grid-row-start: 3;
	grid-row-end: span 2; 
}
#hexGrid .hexGrid .c-2, 
#hexGrid .hexGrid .hex:nth-child(2), 
#hexGrid .hexGrid .hex:nth-child(5) {
	grid-column-start: 3;
	grid-column-end: span 3; 
}
#hexGrid .hexGrid .c-2.r-1, 
#hexGrid .hexGrid .c-2.hex:nth-child(1), 
#hexGrid .hexGrid .hex:nth-child(1):nth-child(5), 
#hexGrid .hexGrid .hex:nth-child(2), 
#hexGrid .hexGrid .c-2.hex:nth-child(3), 
#hexGrid .hexGrid .hex:nth-child(3):nth-child(5), 
#hexGrid .hexGrid .r-1.hex:nth-child(5) {
	grid-row-start: 2;
	grid-row-end: span 2; 
}
#hexGrid .hexGrid .c-2.r-2, 
#hexGrid .hexGrid .r-2.hex:nth-child(2), 
#hexGrid .hexGrid .hex:nth-child(2):nth-child(4), 
#hexGrid .hexGrid .hex:nth-child(2):nth-child(6), 
#hexGrid .hexGrid .c-2.hex:nth-child(4), 
#hexGrid .hexGrid .hex:nth-child(5), 
#hexGrid .hexGrid .c-2.hex:nth-child(6) {
	grid-row-start: 4;
	grid-row-end: span 2; 
}
#hexGrid .hexGrid .c-3, 
#hexGrid .hexGrid .hex:nth-child(3), 
#hexGrid .hexGrid .hex:nth-child(6) {
	grid-column-start: 5;
	grid-column-end: span 3; 
}
#hexGrid .hexGrid .c-3.r-1, 
#hexGrid .hexGrid .c-3.hex:nth-child(1), 
#hexGrid .hexGrid .hex:nth-child(1):nth-child(6), 
#hexGrid .hexGrid .c-3.hex:nth-child(2), 
#hexGrid .hexGrid .hex:nth-child(2):nth-child(6), 
#hexGrid .hexGrid .hex:nth-child(3), 
#hexGrid .hexGrid .r-1.hex:nth-child(6) {
	grid-row-start: 1;
	grid-row-end: span 2; 
}
#hexGrid .hexGrid .c-3.r-2, 
#hexGrid .hexGrid .r-2.hex:nth-child(3), 
#hexGrid .hexGrid .hex:nth-child(3):nth-child(4), 
#hexGrid .hexGrid .hex:nth-child(3):nth-child(5), 
#hexGrid .hexGrid .c-3.hex:nth-child(4), 
#hexGrid .hexGrid .c-3.hex:nth-child(5), 
#hexGrid .hexGrid .hex:nth-child(6) {
	grid-row-start: 3;
	grid-row-end: span 2; 
}
	  
#hexGrid .hexGrid .hex:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center; 
}
#hexGrid .hexGrid .hex:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center; 
}
#hexGrid .hexGrid .hex:nth-child(3) {
	display: flex;
	align-items: center;
	justify-content: center; 
}
#hexGrid .hexGrid .hex:nth-child(4) {
	display: flex;
	align-items: center;
	justify-content: center; 
}
#hexGrid .hexGrid .hex:nth-child(5) {
	display: flex;
	align-items: center;
	justify-content: center; 
	grid-row-start: 3;
    grid-column-start: 5;
}
#hexGrid .hexGrid .hex:nth-child(6) {
	display: flex;
	align-items: center;
	justify-content: center; 
}
#hexGrid .hexGrid .hex {
	-webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	background: rgb(238,238,238);
	background: radial-gradient(circle, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background-size: cover;
	margin: 0.5em; 
}

/*# sourceMappingURL=style.css.map */