#container{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	position:absolute;

}

#container-2{
	
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	position:fixed;

}

.dot {
  height: 10px;
  width: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  display: relative;

 margin:20px;
}


.diamond{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(255,94,87);
	position:static;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: all 3s ease-out;
	
}

.diamond-1{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid #00bcd4;
	position:static;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: all 3s ease-out;
	mix-blend-mode: color-dodge;
	
}

.diamond-2{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid #7fe7f9;
	position:static;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: all 3s ease-out;
	mix-blend-mode: color-burn;
	
}

.diamond-3{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid #cdff98;
	position:static;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: all 3s ease-out;
	
}

.diamond-4{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid #ffeb3b;
	position:static;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: all 3s ease-out;
	
}



.diamond:hover{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(238, 87, 255);
	position:relative;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: color 2s ease-out;
	transform: scale(1.5);	
	
}

.diamond-1:hover{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(238, 87, 255);
	position:relative;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: color 2s ease-out;
	transform: scale(1.5);	
	
}

.diamond-2:hover{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(238, 87, 255);
	position:relative;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: color 2s ease-out;
	transform: scale(1.5);
}

.diamond-3:hover{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(238, 87, 255);
	position:relative;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: color 2s ease-out;
	transform: scale(1.5);
}

.diamond-4:hover{
	width:0;
	height:0;
	border:50px solid transparent;
	border-bottom:70px solid rgba(238, 87, 255);
	position:relative;
	top:-50px;
	display: inline-block;
	margin-top:-30px;
	margin-right: -50px;
	opacity: 0.5;
	transition: color 2s ease-out;
	transform: scale(1.5);