.content{
width: 100%;
padding-top: 30vh;
text-align: center;
}

.content span{
	display: block;
	width: auto;
	font-family: monospace;
	margin: auto;
	font-size: 18px;
	padding: 5px 15px;
	margin-top: 20px;
	color: black;
}

.content span a{
	text-decoration: none;
	color: black;
}

.logo{
	max-width: 90%;
	width: 550px;
	margin: auto;
}

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

    @keyframes colorchange
    {
      0%   {background: #b1786e;}
      25%  {background: #f2efd3;}
      50%  {background: #92a4c7;}
      75%  {background: #87b16e;}
      100% {background: #b1786e;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #b1786e;}
      25%  {background: #f2efd3;}
      50%  {background: #92a4c7;}
      75%  {background: #87b16e;}
      100% {background: #b1786e;}
    }