[JSWolf]

[

body {
    font-family: Georgia, Baskerville, roman, 'times new roman', times, serif;
    color: #404040;
    background-color: transparent;
    hyphens: none;
        -webkit-hyphens: none;
        -moz-hyphens:none;
        adobe-hyphenate: none;    
	margin: 30px 5% 20px 5%;
	text-indent: 0;
    text-rendering: optimizeLegibility;
}

And get rid of px and % for the margins. You want em for the margins. However in this case, you want 0 for the margins because you don't want any set margins for the overall page. You want no top/bottom/left/right margins.

You also need to dump the webkit code as it's not ePub compliant. And the moz code has to go as this is not Firefox or any other web browser.

And finally, the font-family line has to go because that could cause problems and not allow some programs to change the font.

And the text-rendering also has to go. Also, dump adobe command. and dump the text indent.

When you are done dumping the rubbish, there's nothing left. To be honest, the entire body is a mess. This is what I use as for the body.

body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}