p
{
	color:white;
}
body
{
	background-image: url(src/img/background.png)
}
#centered
{
	margin: auto; 
	display:block; 	
	align-content: center;
	
	width: 720px; 
	min-height: 90vh;
	
	text-align: center; 
}
#bcard
{
	padding: 10px;
	background-image: linear-gradient(teal, purple);
	border: outset 5px black; 
	width: 500px; 
	margin: auto;
}
.rainbowtext
{
	animation: rainbow 2s linear infinite;
}
a
{
	font-size: 2pc;
}
footer
{
	text-align: center;
}
/* animations */
@keyframes rainbow 
{
	0%, 100% { color: red; text-shadow: -1px 0 0 orange, -2px 0 0 yellow, -3px 0 0 lime, -4px 0 0 green, -5px 0 0 blue, -6px 0 0 magenta; }
	14% { color: orange; text-shadow: -1px 0 0 yellow, -2px 0 0 lime, -3px 0 0 green, -4px 0 0 blue, -5px 0 0 magenta, -6px 0 0 red; }
	28% { color: yellow; text-shadow: -1px 0 0 lime, -2px 0 0 green, -3px 0 0 blue, -4px 0 0 magenta, -5px 0 0 red, -6px 0 0 orange; }
	43% { color: lime; text-shadow: -1px 0 0 green, -2px 0 0 blue, -3px 0 0 magenta, -4px 0 0 red, -5px 0 0 orange, -6px 0 0 yellow; }
	57% { color: green; text-shadow: -1px 0 0 blue, -2px 0 0 magenta, -3px 0 0 red, -4px 0 0 orange, -5px 0 0 yellow, -6px 0 0 lime; }
	71% { color: blue; text-shadow: -1px 0 0 magenta, -2px 0 0 red, -3px 0 0 orange, -4px 0 0 yellow, -5px 0 0 lime, -6px 0 0 green; }
	86% { color: magenta; text-shadow: -1px 0 0 red, -2px 0 0 orange, -3px 0 0 yellow, -4px 0 0 lime, -5px 0 0 green, -6px 0 0 blue; }
}