/* seletores básicos selecionam as tags básicas */
header, nav, section, article, aside, footer {
	margin: 10px;
	padding: 10px;
	border: 3px solid purple;
}
body {
	background-color: black;
}
/* > seleciona os filhos */
nav>a {
	margin: 0 10px;
}
h1 {
	color: purple;
}
h2, h3 {
	color: blue;
}
p {
	color: white;
	text-shadow: 1px 1px pink;
}
/* . (ponto) é o seletor de classe, # é o seletor de id */
#gatapinha {
	width: 400px;
	border: 30px solid #ffff00;
	/*box-shadow: 10px 10px #f008; */
	border-radius: 15px;
	animation: funimation 2s infinite;
}

@keyframes funimation {
	25% {
		box-shadow: 10px 20px 30px limegreen;
	}
}