html, body {
    font-family: 'Lato', sans-serif;
}
section.gap {
    margin: 20px 0;
}

.title {
    color: #0077B5;
    padding: 20px 0;
}

.profile {
    background: url("https://reika.co/wp-content/uploads/2017/12/2560x1440-yale-blue-solid-color-background.jpg");
}

.profile {
    color: #fff !important;
}

.profile-description {
    padding: 50px;
}


.animated {
    width: 100wh;
	color: #fff;
	background: linear-gradient(-45deg, rgb(66, 17, 24), rgb(14, 73, 236), #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

h1,
h6 {
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}

.footer {
    background-color: rgb(233, 233, 233);
}

.footer-content {
    padding: 30px 0;
    color: rgb(12, 111, 204);
}