@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.container{
	background-color: #DFC71A;border: 14px double #676c35;
	 padding-top:24px; padding-bottom:24px;
	color: #933; animation-name:vozvLuchte; animation-duration:11s; animation-iteration-count:infinite;
}
@keyframes vozvLuchte{
0%{background-color: #DFC71A;} 25%{background-color: #ffffa6;} 50%{background-color:#676c35;} 75%{background-color: #ffffa6;} 100%{background-color: #DFC71A;}
	}
.title{
	text-align: center;
	border-radius: 24px;
	background-color: #e6ffff;
	color: #507eb2;
	width: 52%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 3px solid #507eb2;
}
p {
	width: 87%; border-radius:14px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E6FFFF;
	text-indent: 21px;
	letter-spacing: 2px;
	border: 2px double #400080;
	padding: 11px;
}
.musheet{text-align:center;width: 57%; border-radius:36%;margin-right: auto;
	margin-left: auto;border: 3px #c6a567 double;
	background-color:#FFFFD2;}
	@font-face {
   font-family: Avena;
   src: url(../../../webfonts/theReal/theReal.woff);
}
* {
   font-family: Avena;
}
p::first-letter {
	color:#FF0033; font-size:24px; background-color:#D2FFFF; border-radius:21px;
}
p::first-line {
    color: #0000ff;
    font-variant: small-caps;
}
#freedom{animation:voln 7s 36;}
@keyframes voln{
	50%{color:#CA00CA;}
	}
	.forAudio{
	border-right-width: 7px;
	border-left-width: 7px;
	border-right-style: double;
	border-left-style: double;
	border-right-color: #FF0033;
	border-left-color: #FF0033;
	padding-right: 14px;
	padding-left: 14px;
	background-color: #FFFF93;
}