@charset "utf-8";
/* CSS Document */
#poetryBegin {
	-moz-user-select: none;
	-webkit-user-select:none;
	border-right-width: 77px;
	border-right-style: double;
	border-right-color: #CF2FE6;
	border-left-width: 77px;
	border-left-style: double;
	border-left-color: #CF2FE6;
}

#readNav{
	background-color: #BE55A0;
	width: 97%; text-align:center;
	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;}
	}

#titleBegin {
    font-size: 24px;
    font-style: italic;
    text-transform: capitalize;
    color: #9F31CA;
    background-color: #FFFF53;
    -moz-user-select: none;
    width: 77%;
    margin-right: auto;
    margin-left: auto;
    border-right: 2px solid #B150B4;
    border-left: 2px solid #B150B4;
}
button:hover{text-decoration:underline};
input{}
#playDiv{
	animation: berg;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
#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;}
	}
	label{
	border: 2px solid #9DFFFF;
	padding-right: 7px;
	padding-left: 2px;
	background-color: #CC3300;
	color: #FFFF53;
}
#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;}}
	}
.lavy{
	float: left;width: 20%;background-color: #CF2FE6; height: 2700px; margin-left: 2%;
}
.pravy{
	float: right;width: 20%;background-color: #CF2FE6; height: 2700px; margin-right: 2%;
}