.foto-perfil{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: 5px solid white;

}

.corPrimaria {
    background-image: linear-gradient(rgb(17, 17, 17), rgb(5, 79, 139));
    color: white;
}
p{
    font-family:Lato, 'Henvetica Neue', Helvetica, Arial, sans-serif;
    color: black !important;
}

.icons{
    padding-left: 5px;
}

.footer{
    background-color: rgb(37, 37, 37);
    color: white;
    padding-bottom: 60px;
    padding-top: 60px;
}

.letters{
    color: white !important;
}
.jumbotron{
    margin-bottom: 0px;
    border-radius: 0px;
}
.about{
    background-color: rgb(37, 37, 37);
    color: white !important;    
}
html{
    scroll-behavior: smooth;
}
.content-main{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.content-main {
	z-index: 1;
	background: linear-gradient(-45deg, rgb(0, 250, 112), rgb(17, 17, 17), rgb(17, 17, 17), rgb(1, 135, 212));
	background-size: 400% 400%;
	width: 100%;
	height: 60vh;
	animation: animate 10s ease infinite;
}
.content-main h1 {
	display: flex;
	justify-content: center;
}
.content-about-me h3 p {
	display: inline-block;
	padding: 40px 15px;
}
.header ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 10px;
}
.header ul li a:hover {
	background: #fff;
	color: #000;
}
.header h2 {
	text-align: center;
	color: #000000;
	font-size: 60px;
	margin-top: 15%;
	margin-bottom: 20px;
}
.header p {
	text-align: center;
	font-size: 18px;
	width: 35%;
	margin: auto;
	color: #ffffff;
	line-height: 1.7;
}
@keyframes animate {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.tools{
	color: black;
}