diff --git a/internal/epub/core.go b/internal/epub/core.go
index da0ff2c..bef59dd 100644
--- a/internal/epub/core.go
+++ b/internal/epub/core.go
@@ -291,7 +291,9 @@ func (e *ePub) Write() error {
 				"Title": title,
 				"TOC":   string(toc),
 			})},
-			{"OEBPS/Text/style.css", styleTmpl},
+			{"OEBPS/Text/style.css", e.render(styleTmpl, map[string]any{
+				"Info": e,
+			})},
 			{"OEBPS/Text/part.xhtml", e.render(partTmpl, map[string]any{
 				"Info":  e,
 				"Part":  i + 1,
@@ -321,11 +323,13 @@ func (e *ePub) Write() error {
 			var content string
 			if e.AddPanelView {
 				content = e.render(textTmpl, map[string]any{
+					"Info":  e,
 					"Image": img,
 					"Manga": e.Manga,
 				})
 			} else {
 				content = e.render(textNoPanelTmpl, map[string]any{
+					"Info":  e,
 					"Image": img,
 				})
 			}
diff --git a/internal/epub/templates/blank.xhtml.tmpl b/internal/epub/templates/blank.xhtml.tmpl
index 0252f8b..8e4f241 100644
--- a/internal/epub/templates/blank.xhtml.tmpl
+++ b/internal/epub/templates/blank.xhtml.tmpl
@@ -7,6 +7,8 @@
     <meta name="viewport" content="width={{ .Info.ViewWidth }}, height={{ .Info.ViewHeight }}"/>
   </head>
   <body>
-    <h1>{{ if .Info.Manga }}&#8592;{{ else }}&#8594;{{ end }}</h1>
+    <div class="content">
+      <h1>{{ if .Info.Manga }}&#8592;{{ else }}&#8594;{{ end }}</h1>
+    </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/internal/epub/templates/content.opf.tmpl b/internal/epub/templates/content.opf.tmpl
index 730190c..8cd2e6d 100644
--- a/internal/epub/templates/content.opf.tmpl
+++ b/internal/epub/templates/content.opf.tmpl
@@ -14,8 +14,7 @@
     <meta name="book-type" content="comic"/>
     <meta name="primary-writing-mode" content="horizontal-{{ if $info.Manga }}rl{{ else }}lr{{ end }}"/>
     <meta property="rendition:layout">pre-paginated</meta>
-    <meta property="rendition:orientation">portrait</meta>
-    <meta name="orientation-lock" content="portrait"/>
+    <meta name="rendition:spread" content="landscape"/>
 {{ if eq $info.AddPanelView true }}
     <meta name="region-mag" content="true"/>
 {{ end }}
@@ -49,9 +48,9 @@
     <itemref idref="page_part" linear="yes"/>
 {{ range .Images }}
 {{ if eq .NeedSpace true }}
-    <itemref idref="page_{{ .Id }}_sp" linear="yes"/>
+    <itemref idref="page_{{ .Id }}_sp" linear="yes" />
 {{ end }}
-    <itemref idref="page_{{ .Id }}_p{{ .Part }}" linear="yes"/>
+    <itemref idref="page_{{ .Id }}_p{{ .Part }}" linear="yes" {{ if eq .Part 1 }}properties="page-spread-left"{{ end }}{{ if eq .Part 2 }}properties="page-spread-right"{{ end }}/>
 {{ end }}
   </spine>
 </package>
diff --git a/internal/epub/templates/part.xhtml.tmpl b/internal/epub/templates/part.xhtml.tmpl
index 15dfed0..7f02155 100644
--- a/internal/epub/templates/part.xhtml.tmpl
+++ b/internal/epub/templates/part.xhtml.tmpl
@@ -7,9 +7,11 @@
     <meta name="viewport" content="width={{ .Info.ViewWidth }}, height={{ .Info.ViewHeight }}"/>
   </head>
   <body>
-    <h1>{{ .Info.Title }}</h1>
+    <div class="content">
+      <h2>{{ .Info.Title }}</h2>
 {{ if gt .Total 1 }}
-    <h1>Part {{ .Part }} / {{ .Total }}</h1>
+      <h3>Part {{ .Part }} / {{ .Total }}</h3>
 {{ end }}
+    </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/internal/epub/templates/style.css.tmpl b/internal/epub/templates/style.css.tmpl
index 2bbe2ef..34060e1 100644
--- a/internal/epub/templates/style.css.tmpl
+++ b/internal/epub/templates/style.css.tmpl
@@ -6,10 +6,10 @@ html {
 }
 
 body {
-    font-size: 16px;
+    font-size: 1em;
     text-align: center;
-    width: 100%;
-    height: 100%;
+    width:{{ .Info.ViewWidth }}px;
+    height:{{ .Info.ViewHeight }}px;
 }
 
 body,
@@ -32,6 +32,15 @@ td {
     padding: 0
 }
 
+div.content {
+    width:100%;
+    height:100%;
+    display:flex;
+    flex-direction:column;
+    justify-content:center;
+    align-items:center;
+}
+
 table {
     border-collapse: collapse;
     border-spacing: 0;
@@ -64,10 +73,22 @@ h3,
 h4,
 h5,
 h6 {
-    font-size: 150%;
+    -webkit-hyphens:none;
     font-weight: normal;
 }
 
+h1 {
+    font-size: 1500%;
+}
+
+h2 {
+    font-size: 1000%;
+}
+
+h3 {
+    font-size: 800%;
+}
+
 sup {
     vertical-align: text-top;
 }
diff --git a/internal/epub/templates/text.xhtml.tmpl b/internal/epub/templates/text.xhtml.tmpl
index d92b6f6..9cee97a 100644
--- a/internal/epub/templates/text.xhtml.tmpl
+++ b/internal/epub/templates/text.xhtml.tmpl
@@ -5,10 +5,10 @@
     <title>Page {{ .Image.Id }}_p{{ .Image.Part}}</title>
     <link href="style.css" type="text/css" rel="stylesheet"/>
     <link href="panelview.css" type="text/css" rel="stylesheet"/>
-    <meta name="viewport" content="width={{ .Image.Width }}, height={{ .Image.Height }}"/>
+    <meta name="viewport" content="width={{ .Info.ViewWidth }}, height={{ .Info.ViewHeight }}"/>
   </head>
   <body>
-    <div>
+    <div class="content">
       <img style="width:{{ .Image.Width }}px; height:{{ .Image.Height }}px" src="../Images/{{ .Image.Id }}_p{{ .Image.Part}}.jpg"/>
     </div>
     <div id="PV">
diff --git a/internal/epub/templates/textnopanel.xhtml.tmpl b/internal/epub/templates/textnopanel.xhtml.tmpl
index 0350f5a..9674592 100644
--- a/internal/epub/templates/textnopanel.xhtml.tmpl
+++ b/internal/epub/templates/textnopanel.xhtml.tmpl
@@ -4,10 +4,10 @@
   <head>
     <title>Page {{ .Image.Id }}_p{{ .Image.Part}}</title>
     <link href="style.css" type="text/css" rel="stylesheet"/>
-    <meta name="viewport" content="width={{ .Image.Width }}, height={{ .Image.Height }}"/>
+    <meta name="viewport" content="width={{ .Info.ViewWidth }}, height={{ .Info.ViewHeight }}"/>
   </head>
   <body>
-    <div>
+    <div class="content">
       <img style="width:{{ .Image.Width }}px; height:{{ .Image.Height }}px" src="../Images/{{ .Image.Id }}_p{{ .Image.Part}}.jpg"/>
     </div>
   </body>
