/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}



body {
	
	
}


#container {
	width: 600px;
	height: 800px;
	border: 1px solid black;
	margin: auto;
	background-color: #100f4f;
}


div#diamond1 {
		width: 0px;
		height: 0px;
		border: 50px solid transparent;
		border-bottom: 70px solid #100f4f;
		position: relative;
		top: 574px;
		left: 450px;
	  }

 #diamond1:after {
		content: '';
		position: absolute;
		left: -50px;
		top: 70px;
		width: 0;
		height: 0;
		border: 50px solid transparent;
		border-top: 70px solid #100f4f;
		
	  }

#diamond1:hover {
	width: 0px;
	height: 0px;
	border: 50px solid transparent;
	border-bottom: 70px solid #deec14;
	position: relative;
	top: 574px;
	left: 450px;
}

#diamond1:hover::after {
	content: '';
	position: absolute;
	left: -50px;
	top: 70px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 70px solid #deec14;
}


div#diamond2 {
	
	width: 0px;
		height: 0px;
		border: 50px solid transparent;
		border-bottom: 70px solid #100f4f;
		position: relative;
		top: 174px;
		left: 255px;
	  }

 #diamond2:after {
		content: '';
		position: absolute;
		left: -50px;
		top: 70px;
		width: 0;
		height: 0;
		border: 50px solid transparent;
		border-top: 70px solid #100f4f;
		
	  }
	  #diamond2:hover {
		width: 0px;
		height: 0px;
		border: 50px solid transparent;
		border-bottom: 70px solid #deec14;
		position: relative;
		top: 174px;
		left: 255px;
	}
	
	#diamond2:hover::after {
		content: '';
		position: absolute;
		left: -50px;
		top: 70px;
		width: 0;
		height: 0;
		border: 50px solid transparent;
		border-top: 70px solid #deec14;
	}
	  div#diamond3 {
	
		width: 0px;
			height: 0px;
			border: 50px solid transparent;
			border-bottom: 70px solid #100f4f;
			position: relative;
			top: 334px;
			left: 50px;
		  }
	
	 #diamond3:after {
			content: '';
			position: absolute;
			left: -50px;
			top: 70px;
			width: 0;
			height: 0;
			border: 50px solid transparent;
			border-top: 70px solid #100f4f;
			
		  }
		  #diamond3:hover {
			width: 0px;
			height: 0px;
			border: 50px solid transparent;
			border-bottom: 70px solid #deec14;
			position: relative;
			top: 334px;
			left: 50px;
		}
		
		#diamond3:hover::after {
			content: '';
			position: absolute;
			left: -50px;
			top: 70px;
			width: 0;
			height: 0;
			border: 50px solid transparent;
			border-top: 70px solid #deec14;
		}
		  div#diamond4 {
	
			width: 0px;
				height: 0px;
				border: 50px solid transparent;
				border-bottom: 70px solid #100f4f;
				position: relative;
				top: -374px;
				left: 50px;
			  }
		
		 #diamond4:after {
				content: '';
				position: absolute;
				left: -50px;
				top: 70px;
				width: 0;
				height: 0;
				border: 50px solid transparent;
				border-top: 70px solid #100f4f;
				
			  }
			  #diamond4:hover {
				width: 0px;
				height: 0px;
				border: 50px solid transparent;
				border-bottom: 70px solid #deec14;
				position: relative;
				top: -374px;
				left: 50px;
			}
			
			#diamond4:hover::after {
				content: '';
				position: absolute;
				left: -50px;
				top: 70px;
				width: 0;
				height: 0;
				border: 50px solid transparent;
				border-top: 70px solid #deec14;
			}
			  div#diamond5 {
	
				width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -494px;
					left: 450px;
				  }
			
			 #diamond5:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }

				  #diamond5:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -494px;
					left: 450px;
				}
				
				#diamond5:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}

				div#diamond6 {
	
					width: 0px;
						height: 0px;
						border: 50px solid transparent;
						border-bottom: 70px solid #100f4f;
						position: relative;
						top: -163px;
						left: 142px;
					  }
				
				 #diamond6:after {
						content: '';
						position: absolute;
						left: -50px;
						top: 70px;
						width: 0;
						height: 0;
						border: 50px solid transparent;
						border-top: 70px solid #100f4f;
				 }
				 #diamond6:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -163px;
					left: 142px;
				}
				
				#diamond6:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
				 div#diamond7 {
	
					width: 0px;
						height: 0px;
						border: 50px solid transparent;
						border-bottom: 70px solid #100f4f;
						position: relative;
						top: -554px;
						left: 140px;
					  }
				
				 #diamond7:after {
						content: '';
						position: absolute;
						left: -50px;
						top: 70px;
						width: 0;
						height: 0;
						border: 50px solid transparent;
						border-top: 70px solid #100f4f;
				 }
				 #diamond7:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -554px;
					left: 140px;
				}
				
				#diamond7:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
				 div#diamond8 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -538px;
					left: 50px;
				  }
			
			 #diamond8:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }
				  #diamond8:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -538px;
					left: 50px;
				}
				
				#diamond8:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
				  div#diamond9 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -658px;
					left: 450px;
				  }
			
			 #diamond9:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }
				  #diamond9:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -658px;
					left: 450px;
				}
				
				#diamond9:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
			div#diamond10 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -638px;
					left: 350px;
				  }
			
			 #diamond10:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }
				  #diamond10:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -638px;
					left: 350px;
				}
				
				#diamond10:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
			div#diamond11 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -1030px;
					left: 350px;
				  }
			
			 #diamond11:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }
				  #diamond11:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -1030px;
					left: 350px;
				}
				
				#diamond11:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
			div#diamond12 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -1303px;
					left: 254px;
				  }
			
			 #diamond12:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }

				  #diamond12:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -1303px;
					left: 254px;
				}
				
				#diamond12:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}
				  div#diamond13 {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #100f4f;
					position: relative;
					top: -878px;
					left: 255px;
				  }
			
			 #diamond13:after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #100f4f;
					
				  }
				  #diamond13:hover {
					width: 0px;
					height: 0px;
					border: 50px solid transparent;
					border-bottom: 70px solid #deec14;
					position: relative;
					top: -878px;
					left: 255px;
				}
				
				#diamond13:hover::after {
					content: '';
					position: absolute;
					left: -50px;
					top: 70px;
					width: 0;
					height: 0;
					border: 50px solid transparent;
					border-top: 70px solid #deec14;
				}