body {
	width: 100%;
	height: auto;
	margin: 0;
	color: #fff;
	font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
	line-height: 24px;
	background: rgb(255, 255, 255);
	overflow: clip;
	overscroll-behavior: none;
	cursor: crosshair;
  }
  
  a {
	color:rgb(0, 0, 0);
	text-decoration: none;
	display: inline-block;
  }

  a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: rgb(0, 0, 0);
	opacity: 0.80
  }
  
  button {
	  cursor: pointer;
	  text-transform: uppercase;
  }
  
  #info {
	  position: absolute;
	  top: 0px;
	  width: 100%;
	  padding: 10px;
	  box-sizing: border-box;
	  text-align: center;
	  -moz-user-select: none;
	  -webkit-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  pointer-events: none;
	  z-index: 1; /* TODO Solve this in HTML */
  }
  
  a, button, input, select {
	  pointer-events: auto;
  }
  
  .dg.ac {
	  -moz-user-select: none;
	  -webkit-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  z-index: 2 !important; /* TODO Solve this in HTML */
  }
  
  #overlay {
	  position: absolute;
	  font-size: 16px;
	  z-index: 2;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  background: rgba(0,0,0,0.7);
  }
  
	  #overlay button {
		  background: transparent;
		  border: 0;
		  border: 1px solid rgb(255, 255, 255);
		  border-radius: 4px;
		  color: #ffffff;
		  padding: 12px 18px;
		  text-transform: uppercase;
		  cursor: pointer;
	  }
  
  #notSupported {
	  width: 50%;
	  margin: auto;
	  background-color: #f00;
	  margin-top: 20px;
	  padding: 10px;
  }

.previous {
	filter: invert(1);
	position: absolute;
	left: 2%;
	top: 50%;
	}
	
.next {
	filter: invert(1);
	position: absolute;
	right: 2%;
	top: 50%;
	}