.imggioco {
	max-width: 280px;
	max-height: 280px;
	display: block;
}
.quadrato{
	width: 290px;
	height: 290px;
}
.imggioco6 {
	max-width: 200px;
	max-height: 200px;
	display: block;
}

.imgdest {
	position: relative;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.imgdrag {
	position: absolute;
	top: 0;
	z-index: -1;
}

.quadrato6 {
	width: 210px;
	height: 210px;
}
.firstrow {
	margin-top: 50px;
}

.menuimage {
	max-width: 200px;
	max-height: 200px;
	
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  transition: .5s ease;
  background-color: #FFFFFF;
  display: none;
  z-index: 10;
}

.dot {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: inline-block;
}

.square {
  height: 150px;
  width: 150px;
  display: inline-block;
}
.rectangle {
  height: 100px;
  width: 150px;
  display: inline-block;
  margin-top: 25px;
}
.triangle-up {
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 150px solid #edd400;
}
.red {
	background-color: #cc0000;
}

.black {
	background-color: black;
}

.green {
	background-color: #73d216
}
.yellow {
	background-color: #edd400
}
.orange {
	background-color: #f57900
}

.blu {
	background-color: #3465a4
}
.noborder {
    border: 0px;
}