#space-27 {
	fill: #202020;
}

.trazo {
	stroke-width: 1px;
	stroke: #2c3e50;
	opacity: 0.5;
}

.trazo {
	stroke-dasharray: 500;
	animation: draw 6s infinite;
}

@keyframes draw {
	0% {
		stroke-dashoffset: -500
	}

	50% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: -502;
	}

}

#continentes {
	fill: #303030;
	stroke-opacity: 1;
	fill-opacity: 0.5;
}


.pixelsContainer {
	--container-size: 200px;
	width: var(--container-size);
	height: var(--container-size);
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
}

.pixelsContainer>li {
	width: calc(var(--container-size) / 8);
	height: calc(var(--container-size) / 8);
	display: inline-block;
	transition: background-color 0.5s;
}