@charset "UTF-8";

body {
	font-family:"Arial", Helvetica, Arial, sans-serif;
}

.topbar{
	position:absolute;
	top:auto;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	margin-bottom:0px;
	padding:10px;
	text-align:center;
}

.video{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto
}

a {
	text-decoration:none;
	color:black;
}

a:hover {
	color:red;
	-webkit-animation: fade 2s infinite;
	-moz-animation: fade 2s infinite;
	-ms-animation: fade 2s infinite;
	-o-animation: fade 2s infinite;
	animation: fade 2s infinite;
}

a:active {
	color:cyan;
}


@keyframes fade {
	0%   {color: red;}
	20% {color: magenta;}
    40%  {color: blue;}
	50% {color:cyan;}
	60% {color: lime;}
    80%  {color: yellow;}
    100% {color: red;}
}

@-webkit-keyframes fade {
	0%   {color: red;}
	20% {color: magenta;}
    40%  {color: blue;}
	50% {color:cyan;}
	60% {color: lime;}
    80%  {color: yellow;}
    100% {color: red;}
}

@-moz-keyframes fade {
	0%   {color: red;}
	20% {color: magenta;}
    40%  {color: blue;}
	50% {color:cyan;}
	60% {color: lime;}
    80%  {color: yellow;}
    100% {color: red;}
}

@-o-keyframes fade {
	0%   {color: red;}
	20% {color: magenta;}
    40%  {color: blue;}
	50% {color:cyan;}
	60% {color: lime;}
    80%  {color: yellow;}
    100% {color: red;}
}

@-ms-keyframes fade {
	0%   {color: red;}
	20% {color: magenta;}
    40%  {color: blue;}
	50% {color:cyan;}
	60% {color: lime;}
    80%  {color: yellow;}
    100% {color: red;}
}