body {
		margin: 0;
		background: #f4f4f4;
		height: 600px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: Arial, sans-serif;
	}

	.listgen,
	.listgen li,
	.lista li {
		font-style: italic;
	}
	
	.listgen {
		list-style: none;
		padding: 0;
	}

	.lista {
		margin: 0;
		padding-left: 20px;
	}

	.verde li { color: green; }
	.rojo li { color: red; }
	.azul li { color: blue; }

	.lista li:first-child {
		font-weight: bold;
	}

	.lista li:last-child {
		font-size: 20px;
	}

	.verde li:first-child:hover { color: black; }
	.rojo li:nth-child(2):hover { color: black; }
	.azul li:nth-child(3):hover { color: black; }

	@keyframes girar {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}

	.volver {
		position: fixed;
		bottom: 20px;
		left: 20px;
		text-decoration: none;
		font-weight: bold;
		color: black;
		font-size: 18px;
	}

	.volver:hover {
		animation: girar 1.5s linear infinite;
		transform: scale(1.15);
	}

	.pie {
		position: fixed;
		bottom: 20px;
		right: 20px;
		font-weight: bold;
		font-size: 18px;
	}