@charset "utf-8";
/* CSS Document */
#indication{
	text-align: center; position:relative; 
	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;
}
#tupkaj{
	visibility:hidden; 
    width: 550px;
	background-color:#009D9D;
    color: #fff; 
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
     position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -259px;	
	}
	#indication:hover #tupkaj {
    visibility: visible;
}
@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;}
#covering {
	border: 3px solid #FF0033; border-radius:36px;
	36px;
}
#covering p{
	background-color: #AAFFFF;
	width: 77%; border-radius:36px;
	margin-right: auto;
	margin-left: auto;
}
button{cursor:pointer;color:#E92EBA;}
button:hover{background-color:#82FFFF; color:#0000D5;}
#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;}}
	}

	#contac{
		animation-name: konti;animation-duration: 7s;animation-iteration-count: infinite;
	}

	@keyframes konti { 0%{background-color:#46F7EE; color:#BF00BF;} 50%{background-color:#BF00BF; color:#46F7EE;100%{background-color:#46F7EE; color:#BF00BF;}}
	}