:root
{
	--hover:  	#9CFFE4;
	--bg-color:  	#eae3e3;
	--main: #b2dcee;
	--border: #136082;
	--text: #05202b;
	--second-bg: #878f95;
	--toggle: #05202b;
	--toggle-border: #53adfb;
	--toggle-icon: #d2cbcb;
}

:root.dark
{
	--hover: #419580;
	--bg-color: #05202b;
	--main: #43758b;
	--border: #2781cf;
	--text:#d2cbcb;
	--toggle: #eae3e3;;
	--toggle-border: #136082;
	--toggle-icon: #05202b;
}

p,h1, h2, h3
{
	text-align: left;
}

.container-projects
{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}

a
{
	color: var(--text);
	font-weight: bolder;
}

footer p
{
	text-align: center;
}



/* .card
{
	width: 25%;
} */