body {
		margin: 0;
		background: #white;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.cuadrados {
		position: relative;
		width: 500px;
		height: 500px;
	}

	.cuadrado {
		position: absolute;
		border: 5px solid #1c3870;
		background: white;
	}

	.c1 { 
		width: 500px; 
		height: 500px; 
		top: 0; 
		left: 0; 
	}
	
	.c2 { 
		width: 420px; 
		height: 420px; 
		top: 40px; 
		left: 40px; 
	}
	
	.c3 { 
		width: 340px; 
		height: 340px; 
		top: 80px; 
		left: 80px; 
	}
	
	.c4 { 
		width: 260px; 
		height: 260px; 
		top: 120px; 
		left: 120px; 
	}
	
	.c5 { 
		width: 180px; 
		height: 180px; 
		top: 160px; 
		left: 160px; 
	}
	
	.c6 { 
		width: 100px; 
		height: 100px; 
		top: 200px; 
		left: 200px; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
	}

	.meme-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: none;    
	}

	.cuadrado:hover {
		background: #CF518D;
		border-color: #FAF87A;
		cursor: pointer;
	}

	@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;
	}