/* Variables Globales */
	:root {
	  --bg-principal: #ededed;
	  --bg-secundario: white;

	  --color-accent: #e15300;
	  --accent-two:#196374e0;
	  --color-contact: #196374e0;
	  --color-hover: #2daac7;
	}
/* End */

/* Fonts */

	@font-face {
		font-family:"cursiva";
		src: url(fonts/cursiva.ttf);
	}

	@font-face {
		font-family:"regular";
		src: url(fonts/regular.ttf);
	}

/* End */


html, body {
    max-width: 100%;
    background: var(--bg-principal);
    font-family: "regular";
    font-size: 1rem;
}

li{
  margin: 8px 0;
}

.vr{
		width: 5px !important;
    height: 100%;
    background: linear-gradient(122deg, rgb(2 0 36 / 0%) 0%, rgb(225 83 0) 35%,rgb(255 12 0 / 45%) 100%);

}
.perfil-photo{
	width: 167px;
	height: 167px;
	border-radius: 100%;
}

.container-principal{
	background: var(--bg-secundario);

}

.cursiva{
	font-family:"cursiva";
}
.accent{
	color: var(--color-accent);
}

.accent-2{
	color: var(--accent-two);
}

.ico-principal{
	font-size: 25px;
}

.ico-contact{
	font-size: 30px;
}

.link{
	text-decoration: none;
	color: var(--color-contact);
}

.year{
	font-size: 13px;
}

.fa-eye{
	color: #1b9191d6;
}
.fa-times{
	color: red;
}
.filled{
	border-radius: 6px !important;
}