diff --git a/electroshot-config.json b/electroshot-config.json
old mode 100644
new mode 100755
diff --git a/src/fix-resume.js b/old/fix-resume.js
old mode 100644
new mode 100755
similarity index 92%
rename from src/fix-resume.js
rename to old/fix-resume.js
index 633879b..e9639ed
--- a/src/fix-resume.js
+++ b/old/fix-resume.js
@@ -20,7 +20,8 @@ const getResumeDOMElement = page => {
  * @return {HTMLElement}
  */
 const getPageDOMElement = () => {
-  return document.getElementsByTagName('page')[0];
+  console.dir(document.getElementsByClassName('page'));
+  return document.getElementsByClassName('page')[0];
 };
 
 /**
@@ -151,21 +152,12 @@ const fixBoxShadows = () => {
   });
 };
 
-/**
- * checks if the page contains a resume
- * @return {Boolean} true if page contains resume
- */
-const isResume = () => {
-  console.log(document.getElementsByTagName('page')[0]);
-  if (document.getElementsByTagName('page')[0]) return true;
-  else return false;
-};
-
 /**
  * checks whether font needs to be fixed, and if fixes it
  */
 const checkFont = () => {
   const page = getPageDOMElement();
+  console.dir(page);
   const resume = getResumeDOMElement(page);
   const fixFont = (resume, page) => {
     const elements = getAllDOMElements();
@@ -184,8 +176,6 @@ const checkFont = () => {
  * fixes resume
  */
 export const fixResume = () => {
-  console.log('aaaaaaaaaaaaaa');
-  if (!isResume()) return;
   checkFont();
   fixBoxShadows();
 };
diff --git a/package.json b/package.json
index 4aea9fa..4d58a02 100755
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
   },
   "dependencies": {
+    "chrome-shadow-fixer": "0.0.12",
     "font-awesome": "^4.7.0",
     "material-design-icons": "^3.0.1",
     "material-icons": "^0.1.0",
diff --git a/pdf/material-dark.pdf b/pdf/material-dark.pdf
old mode 100644
new mode 100755
index d1b9007..d202519
Binary files a/pdf/material-dark.pdf and b/pdf/material-dark.pdf differ
diff --git a/src/App.vue b/src/App.vue
index 4c32140..6fd9cb4 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,6 @@
 </template>
 
 <script>
-import './fix-resume';
 export default {
   name: 'app'
 };
diff --git a/src/assets/person.jpg b/src/assets/person.jpg
old mode 100644
new mode 100755
diff --git a/src/assets/preview/resume-left-right.png b/src/assets/preview/resume-left-right.png
old mode 100644
new mode 100755
diff --git a/src/assets/preview/resume-material-blue.png b/src/assets/preview/resume-material-blue.png
old mode 100644
new mode 100755
diff --git a/src/assets/preview/resume-material-dark.png b/src/assets/preview/resume-material-dark.png
old mode 100644
new mode 100755
diff --git a/src/assets/preview/resume-oblique.png b/src/assets/preview/resume-oblique.png
old mode 100644
new mode 100755
diff --git a/src/assets/preview/resume-side-bar.png b/src/assets/preview/resume-side-bar.png
old mode 100644
new mode 100755
diff --git a/src/pages/home.vue b/src/pages/home.vue
old mode 100644
new mode 100755
diff --git a/src/pages/resume.vue b/src/pages/resume.vue
old mode 100644
new mode 100755
index 5f40d0a..b25d789
--- a/src/pages/resume.vue
+++ b/src/pages/resume.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="page-wrapper">
-    <div class="page">
+<div class="page-wrapper">
+  <div class="page">
     <resume-material-dark v-if="$route.params.resumeid==='material-dark'"></resume-material-dark>
   </div>
 </div>
@@ -8,20 +8,31 @@
 
 <script>
 import Vue from 'vue';
+// import '../fix-resume';
 import '../components/resume-material-dark.vue';
+// import {fixResume} from '../fix-resume';
+import {fix} from 'chrome-shadow-fixer';
 export default Vue.component('resume', {
-  name: 'app'
+  name: 'app',
+  created: () => {
+    console.log('created');
+  },
+  mounted: () => {
+    // fixResume();
+    console.dir(fix);
+    fix();
+  }
 });
 </script>
 
 <style scoped>
-.page-wrapper{
-    overflow-x: hidden;
-    background: #CCCCCC;
-    margin: 0;
-    padding: 0;
-    -webkit-print-color-adjust: exact;
-    box-sizing: border-box;
+.page-wrapper {
+  overflow-x: hidden;
+  background: #CCCCCC;
+  margin: 0;
+  padding: 0;
+  -webkit-print-color-adjust: exact;
+  box-sizing: border-box;
 }
 
 .resume {
@@ -33,7 +44,7 @@ export default Vue.component('resume', {
   background: white;
   position: relative;
   width: 21cm;
-  height: 29.7cm;
+  height: 29.68cm;
   display: block;
   page-break-after: auto;
   overflow: hidden;
diff --git a/src/person.js b/src/person.js
old mode 100644
new mode 100755