body {
	background-color:#f6ff00;
color:#000;
font-family:Courier New,Courier,monospace;
padding:40px 20px;
text-align:center;
animation-name: homeCycle;
animation-duration:3s;
animation-direction:normal;
animation-iteration-count:infinite;
-webkit-animation-name: homeCycle;
-webkit-animation-duration:3s;
-webkit-animation-direction:normal;
-webkit-animation-iteration-count:infinite; }

@keyframes homeCycle
{
0% {background-color:#f6ff00;}
20% {background-color:#18ff00;}
40% {background-color:#0096ff;}
60% {background-color:#cc00ff;}
80% {background-color:#ff00a2;}
}

@-webkit-keyframes homeCycle
{
0% {background-color:#f6ff00;}
20% {background-color:#18ff00;}
40% {background-color:#0096ff;}
60% {background-color:#cc00ff;}
80% {background-color:#ff00a2;}
}
img {
	height:auto;
	margin:0 0 40px;
	max-width:653px;
	width:100%;
}
ul {
	padding:0;
	margin:0;
}
ul li {
	display:inline-block;
	list-style:none;
	margin:0 10px;
}
ul li a {
	color:#000;
	font-size:0px;
	overflow:hidden;
	text-decoration:none;
	text-indent:105%;
	width:24px;
	white-space:nowrap;
	svg {
		height:48px;
		width:48px;
		fill:#000000;
	}
	@media all and (max-width: 767px) {
		svg {
			height:32px;
			width:32px;
		}
	}
}
ul li a:before {
	font-size:32px;
	text-indent:0;
}