:root {
	--main-bg-color: rgb(199, 81, 192);
	--main-detail-color: rgb(78, 38, 113);
	--main-font-color: #8871a1;
	--main-border-radius: 1rem;
	--item-padding: 0.7rem;
	--section-padding: 1rem;
	--header-padding: 1.5rem;
}
body {
	background-color: var(--main-bg-color);
	color: var(--main-font-color);
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
header {
	text-align: center;
	padding: 2rem 1rem 1rem 1rem;
}
h1,
h2 {
	padding-top: var(--header-padding);
	padding-bottom: var(--header-padding);
	color: var(--main-detail-color);
	text-align: center;
}
.section {
	margin: 1rem 0rem;
	justify-content: center;
}

.social-icons {
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}

.social-icon {
	margin: 1rem 1.5rem; /* Ajusta el margen para el espacio entre iconos */
}

.social-icon svg {
	width: 50px;
	height: 50px;
	fill: var(--main-detail-color);
	transition: fill 0.3s ease;
}

.social-icon:hover svg {
	fill: var(--main-font-color);
}