/*!
 * Custom CSS for David Lopez Portfolio
 * Based onBootstrap v4 (http://getbootstrap.com)
 * Created by me ;)
 */


body {
	background: #FFFB00;
	font-family: 'Yantramanav', sans-serif;
	color: #2A2A2A;
}

body {
  	animation: colorchange 12s infinite; /* animation-name followed by duration in seconds*/
     /* you could also use milliseconds (ms) or something like 2.5s */
  z-indexwebkit-animation: colorchange 12s infinite; /* Chrome and Safari */
}

@keyframes colorchange
{
  0%   {background: #FFFB00;}
  25%  {background: #FFFB00;}
  50%  {background: #2CEAEA;}
  75%  {background: #2CEAEA;}
  100% {background: #FFFB00;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: #FFFB00;}
  25%  {background: #FFFB00;}
  50%  {background: #2CEAEA;}
  75%  {background: #2CEAEA;}
  100% {background: #FFFB00;}
}


h1 {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 1.9em
}


p {
	font-size: 1.4em;
	line-height: 1.3;
}

a {	color: #878787 }

del { color: #e6cb37 }

.link1 {
	font-weight: 900;
	color: #2A2A2A;
}

.link2 {
	padding: .1rem .2rem;
	background-color: #00FF8B;
	color: #2A2A2A;

	-webkit-animation: colorswitch 12s infinite;
	-moz-animation: colorswitch 12s infinite;
	-ms-animation: colorswitch 12s infinite;
	-o-animation: colorswitch 12s infinite;
	animation: colorswitch 12s infinite;
}

@keyframes colorswitch
{
  0%   {background: #2CEAEA;}
  25%  {background: #2CEAEA;}
  50%  {background: #FFFB00;}
  75%  {background: #FFFB00;}
  100% {background: #2CEAEA;}
}

@-webkit-keyframes colorswitch /* Safari and Chrome - necessary duplicate */
{
  0%   {background: #2CEAEA;}
  25%  {background: #2CEAEA;}
  50%  {background: #FFFB00;}
  75%  {background: #FFFB00;}
  100% {background: #2CEAEA;}
}



.link3 {
	padding: 0 .2rem;
}

.pt-20 {
	padding-top: 20%;
}

.avatar {
	width: 70px;
	float: left;
	margin-right: 0px;
	margin-top: -15px;
	margin-left: -100px;
}