header,main,footer{
	margin:0 auto;
	max-width:480px;
}
img{
	width:100%;
	max-width:480px;
	height:auto;
}
h1,.catchphrase{
	text-align:center;
}
h1{
	font-size:1.3em;	
}
.catchphrase{
	font-size:0.9em;
}
footer{
	text-align:center;
}
p{
	margin:1em 2em;
}

body {
  margin: 0;
  height: 100vh;
  background: linear-gradient(45deg, rgba(255,255,0,0.05), rgba(0,255,255,0.05), rgba(255,0,255,0.05));
  background-size: 600% 600%;
  animation: gradientMove 20s ease infinite;
}

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