styles.css

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #000;
}

// canvas {
//   position: absolute;
//   left: 50%;
//   top: 50%;
//   transform: translate(-50%, -50%);    
//   -webkit-transform: translate(-50%, -50%);
//   -moz-transform: translate(-50%, -50%);
//   -ms-transform: translate(-50%, -50%);
//   cursor: pointer;
// }

#map-container {
	width: 100%;
	height: 100%;
	background: #000 !important;
}

.gm-style > div {
  cursor: none !important;
}

/* google logo */
#map-container.flipped .gm-style > div:nth-child(2){
  transform: rotate(180deg) !important;    
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  top: 0px !important;
  bottom: auto !important;
  right: 0px !important;
  left: auto !important;
}

// #map-container.flipped .gm-style > div:nth-child(2) > a > div,
// #map-container.flipped .gm-style > div:nth-child(2) img {
//   width: 132px !important;
//   height: 52px !important;
// }


#map-container.flipped  .gm-style-cc, #map-container.flipped .gmnoprint {
  transform: rotate(180deg) !important;    
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  top: 0px !important;
  bottom: auto !important;
  left: 0px !important;
  right: auto !important;
}

/* google logo */
#map-container.hideLogos .gm-style > div:nth-child(2){
  display: none !important;
}

// #map-container.flipped .gm-style > div:nth-child(2) > a > div,
// #map-container.flipped .gm-style > div:nth-child(2) img {
//   width: 132px !important;
//   height: 52px !important;
// }


#map-container.hideLogos  .gm-style-cc, #map-container.hideLogos .gmnoprint {
  display: none !important;
}


.dg.main.hidden {
	visibility: hidden;
}

#cursor {
  z-index: 100000;
  position: absolute;
  left: 50%;
  top: 50%;
}