@charset "utf-8";
/* CSS Document */
#slovenska{animation:terk 4s 77;}
@keyframes terk{ 0%{background-color:#46F7EE; color:#BF00BF;} 50%{background-color:#BF00BF; color:#46F7EE;100%{background-color:#46F7EE; color:#BF00BF;}}
	}
#indication{
	margin: 0px;
	background-color: #9DFFFF;
	width: 77%;
	margin-right: auto;
	margin-left: auto;
	color: #721D8D;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #BE55A0;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #BE55A0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #BE55A0;
	animation: inform 4s infinite;
}
@keyframes inform{
0%{color:#721D8D; background-color:#9DFFFF;}25%{color:#007CF9; background-color:#FFA;}50%{color:#F40000; background-color:#CAFFFF;}75%{color:#007CF9; background-color:#FFA;}100%{color:#721D8D; background-color:#9DFFFF;}
	}
input{color:#E800E8; text-align:center; background-color:#FFFFC1; width:36px;}
#readNav{
	background-color: #BE55A0;
	width: 97%;
	animation: navig;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	border-radius: 21px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #662ECF;
	border-right-color: #9DFFFF;
	border-bottom-color: #662ECF;
	border-left-color: #9DFFFF;
}
@keyframes navig{
50%{background-color:#8152CF;}
	}
@keyframes berg{
50%{color:#CC33CC;}
	}	
#playDiv{ 
background-color:#CC33CC; animation:hero 7s infinite; 	color: #FF3; text-decoration:underline;}
@keyframes hero{
50%{background-color:#0000DD;
	}