.body {
	display: flex;
	gap: 50px;
	width: 100%;
	height: 800px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.body div {
	width: 250px;
	height: 180px;
	color: white;
	font-size: 18pt;
	
	justify-content: center;
	align-items: center;
	display: flex;
	box-shadow: 5px 5px #888888;
	cursor: pointer;
}

.blue {
	background: repeating-linear-gradient(
		  -45deg,
		  #606dbc,
		  #606dbc 10px,
		  #465298 10px,
		  #465298 20px

);
	
}

.red {
		background: repeating-linear-gradient(
		  -45deg,
		  #bc6d60,
		  #bc6d60 10px,
		  #985246 10px,
		  #985246 20px
);
}

.green {
		background: repeating-linear-gradient(
		  -45deg,
		  #6dbc60,
		  #6dbc60 10px,
		  #529246 10px,
		  #529246 20px
);
}

.yellow {

	background: repeating-linear-gradient(
	  -45deg,
	  #ffd700, 
  	  #ffd700 10px, 
  	  #e6b800 10px, 
  	  #e6b800 20px
  	);
}

.orange {
	background: repeating-linear-gradient(
  -45deg,
  #ffa500, 
  #ffa500 10px, 
  #cc8400 10px, 
  #cc8400 20px
);
}