body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}

body {
	font-size:12px;
	-epub-hyphens:auto;
	-moz-user-select:none; -webkit-user-select:none;
}

	.container {
	margin: 0px;height: 100%;
	padding: 0px;
}
.TitleWritten {
	color: #CC6633; text-align:center;
	font-size: 38px;
	margin-bottom: 18px;letter-spacing: 7px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: underline;
	width: 77%;
	border: thick groove #930;
	padding-left: 36px;
	background-color: #FFF;
	padding-bottom: 11px;
}
.written-text {
	-epub-hyphens: none;
	-epub-ruby-position: over;
	color: #000099;
	font-size: 27px;
	line-height: 1;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-indent: 11px;
	border: medium inset #900;
	padding: 7px;
	width: 77%;
	background-color: #F9FBD9;
}
	@font-face {
   font-family: doTrejcera;
   src: url(../../../../webfonts/doTrejcera/doTrejcera.woff);
}
*{
 font-family: Avena;
}
@font-face {
 font-family: Avena;
 src: url(../../../../webfonts/theReal/theReal.woff);
}

#terk{
	background-image: url(../../../../Photos/village/Anthony.png);
	background-repeat: no-repeat;
	background-position: center center; background-size:contain; border-radius: 36px;
}
#inside{
	width: 77%;margin-left: auto;margin-right: auto;border-radius: 36px;margin-bottom: 7px;padding-bottom: 3px;padding-top: 3px;
}
button{
	font-family:theReal; color:#000077;
	}
p.written-text::first-letter{color:#CC0099;}
p.written-text::first-line{ color:#0033FF;}
#freedom{animation:terk 4s 777;}
@keyframes terk{ 0%{background-color:#46F7EE; color:#BF00BF;} 50%{background-color:#BF00BF; color:#46F7EE;100%{background-color:#46F7EE; color:#BF00BF;}}
	}
	#essence{animation:esse 4s infinite;}
	@keyframes esse{ 0%{background-color:#ffedba; color:#BF00BF;} 50%{background-color:#BF00BF; color:#46F7EE;100%{background-color:#ffedba; color:#BF00BF;}}
		}
		#secre{animation:sec 9s infinite;}
		@keyframes sec{ 0%{ color:#BF00BF;} 50%{ color:#ab8a13;100%{ color:#BF00BF;}}
			}
#zaujimav{
	width: 77%;
	margin-left: auto;
	padding-top: 11px;font-family: doTrejcera;
	padding-bottom: 11px;
	font-size: 16px;
	margin-right: auto;
}
/*videoTag*/
video{
	border: 2px double #CC0033;
	background-color: #00FFFF;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}
#magi{animation:erza 7s 7777}
@keyframes erza{
	0%{background-color:#fcfcd9; color:blue;} 25%{background-color:#defffe;color:#e72fed;} 50%{background-color:#fef7ff;color:#e81a6c;} 75%{background-color:#f2faed;color:#50f736;} 100%{background-color:#fcfcd9;color:blue;
	}