@charset "utf-8";
/* CSS Document */
body {
	background:#F9EAFD;
	margin: 0;
	padding: 0;
	color: #000;
}
@font-face {
   font-family: Avena;
   src: url(../../../../webfonts/theReal/theReal.woff);
}
* {
   font-family: Avena;
}

button{color:#0000F2; padding-bottom:4px; padding-top:4px; padding-left:7px; margin-bottom:7px; margin-top:7px; padding-right:7px; border-style:solid; border-color:#ffc439; border-width:1px; font-size:18px;}
button:hover{background-color:#ffc439; color:#000; border-radius:41px; padding-bottom:4px; padding-top:4px; padding-left:7px; padding-right:7px;border-color: #9D34CB;}
.container{width:100%; overflow:visible;}
section {width:100%; margin-left:auto; margin-right:auto; border:#960 thin dashed; background-color: #A8FFFF; margin-top:21px; padding-top:21px;}
#books{width:77%; margin-left:auto; margin-right:auto; background-color:#ffc439; text-align:center; color:blue; margin-bottom:11px; padding-left:18px; padding-right:18px; padding-bottom:11px; padding-top:11px; border-style:outset; border-width:7px; border-color:#7E74DC; border-radius:28px;}

h3{text-align:center; color:#ffc439; margin-top:21px; background-color:#C777DB; width:77%; margin-left:auto; margin-right:auto; margin-top:12px; border-radius:36px; padding:7px;}

#readall{animation-name:citaj; animation-duration:7s; animation-iteration-count:infinite;text-align:center; width:67%; margin-left:auto; margin-right:auto; border-radius:24px; background-color:#ffc439; color:#C777DB;padding:7px; font-weight:bold;}

@keyframes citaj {
0%{background-color:#ffc439;} 50%{background-color:#C777DB;} 100%{background-color:#ffc439;} 0%{color:#C777DB;} 50%{color:#ffc439;} 100%{color:#C777DB;}}
	}