diff --git a/index.html b/index.html
index cdd8670..94f3096 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
-  <img src="sample1.jpg" class="_isg" />
+  <img src="abstraktsiia-vektor-geometriia.jpg" class="_isg" />
   <script src="isg.js"></script>
   <script>
     let isg = new ImageShadowGenerator({
diff --git a/isg.js b/isg.js
index 8333533..74a7534 100644
--- a/isg.js
+++ b/isg.js
@@ -1,4 +1,4 @@
-class ImageShadowGenerator{
+class ImageShadowGenerator {
   _getPixelsColor(img) {
     img.crossOrigin = "Anonymous";
     const canvas = document.createElement('canvas');
@@ -10,20 +10,20 @@ class ImageShadowGenerator{
     const ctx = canvas.getContext('2d');
     ctx.drawImage(img, 0, 0, img.clientWidth, imgH);
 
-    let ew = imgW*95/100;
-    let eh = imgH*95/100;
-    let sw = imgW*5/100;
-    let sh = imgW*5/100;
+    let ew = imgW * 95 / 100;
+    let eh = imgH * 95 / 100;
+    let sw = imgW * 5 / 100;
+    let sh = imgW * 5 / 100;
 
     let colors = [
-      [...ctx.getImageData(sw,sh,1,1).data],
-      [...ctx.getImageData(ew/2,sh,1,1).data],
-      [...ctx.getImageData(ew,sh,1,1).data],
-      [...ctx.getImageData(ew,eh/2,1,1).data],
-      [...ctx.getImageData(ew,eh,1,1).data],
-      [...ctx.getImageData(ew/2,eh,1,1).data],
-      [...ctx.getImageData(sw,eh,1,1).data],
-      [...ctx.getImageData(sw,eh/2,1,1).data]
+      [...ctx.getImageData(sw, sh, 1, 1).data],
+      [...ctx.getImageData(ew / 2, sh, 1, 1).data],
+      [...ctx.getImageData(ew, sh, 1, 1).data],
+      [...ctx.getImageData(ew, eh / 2, 1, 1).data],
+      [...ctx.getImageData(ew, eh, 1, 1).data],
+      [...ctx.getImageData(ew / 2, eh, 1, 1).data],
+      [...ctx.getImageData(sw, eh, 1, 1).data],
+      [...ctx.getImageData(sw, eh / 2, 1, 1).data]
     ];
     return colors;
   }
@@ -33,56 +33,56 @@ class ImageShadowGenerator{
     let offY = this.config.offsetY;
 
     let colors = this._getPixelsColor(img);
-    let cl = colors.map((c)=>{
-      c[3]= c[3]==0 ? 0 : .5;
-      return c.slice(0,4);
+    let cl = colors.map((c) => {
+      c[3] = c[3] == 0 ? 0 : .5;
+      return c.slice(0, 4);
     })
 
-    let shadowPos = img.clientWidth/10;
-    let shadowBlur = debug ? 0 : this.config.shadowBlur*img.clientWidth/100;
+    let shadowPos = img.clientWidth / 10;
+    let shadowBlur = debug ? 0 : this.config.shadowBlur * img.clientWidth / 100;
 
-    if(hover) {
-      shadowBlur = debug ? 0 : this.config.hoverBlurSize*img.clientWidth/100;
+    if (hover) {
+      shadowBlur = debug ? 0 : this.config.hoverBlurSize * img.clientWidth / 100;
     }
 
-    let shadowSize = debug ? 0 : img.clientWidth/10;
+    let shadowSize = debug ? 0 : img.clientWidth / 10;
 
-    if(debug && hover){
-      offX=0;
-      offY=0;
+    if (debug && hover) {
+      offX = 0;
+      offY = 0;
     }
 
     const spx = [
-      shadowPos-offX,
-      0+offX,
-      shadowPos+offX,
-      shadowPos+offX,
-      shadowPos+offX,
-      0+offX,
-      shadowPos-offX,
-      shadowPos-offX,
+      shadowPos - offX,
+      0 + offX,
+      shadowPos + offX,
+      shadowPos + offX,
+      shadowPos + offX,
+      0 + offX,
+      shadowPos - offX,
+      shadowPos - offX,
     ];
 
     const spy = [
-      shadowPos-offY,
-      shadowPos-offY,
-      shadowPos-offY,
-      0+offY,
-      shadowPos+offY,
-      shadowPos+offY,
-      shadowPos+offY,
-      0+offY
+      shadowPos - offY,
+      shadowPos - offY,
+      shadowPos - offY,
+      0 + offY,
+      shadowPos + offY,
+      shadowPos + offY,
+      shadowPos + offY,
+      0 + offY
     ];
 
     let shadow = [
-      `-${spx[0]}px -${spy[0]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[0]})`,
-      `${spx[1]}px -${spy[1]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[1]})`,
-      `${spx[2]}px -${spy[2]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[2]})`,
-      `${spx[3]}px ${spy[3]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[3]})`,
-      `${spx[4]}px ${spy[4]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[4]})`,
-      `${spx[5]}px ${spy[5]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[5]})`,
-      `-${spx[6]}px ${spy[6]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[6]})`,
-      `-${spx[7]}px ${spy[7]}px ${shadowBlur}px -${shadowSize}px rgba(${cl[7]})`
+      `-${Math.abs(spx[0])}px -${Math.abs(spy[0])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[0]})`,
+      `${Math.abs(spx[1])}px -${Math.abs(spy[1])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[1]})`,
+      `${Math.abs(spx[2])}px -${Math.abs(spy[2])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[2]})`,
+      `${Math.abs(spx[3])}px ${Math.abs(spy[3])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[3]})`,
+      `${Math.abs(spx[4])}px ${Math.abs(spy[4])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[4]})`,
+      `${Math.abs(spx[5])}px ${Math.abs(spy[5])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[5]})`,
+      `-${Math.abs(spx[6])}px ${Math.abs(spy[6])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[6]})`,
+      `-${Math.abs(spx[7])}px ${Math.abs(spy[7])}px ${Math.abs(shadowBlur)}px -${Math.abs(shadowSize)}px rgba(${cl[7]})`
     ];
 
     return shadow;
@@ -93,7 +93,7 @@ class ImageShadowGenerator{
     let styleElement = document.getElementById('_isg-style');
     let hoverStyleSheet = ``;
 
-    if(this.config.hover === true) {
+    if (this.config.hover === true) {
       const hoverStyles = this._drawShadow(img, true);
       hoverStyleSheet = `
         .${this.config.imgClass}._isg-${index}:hover {
@@ -104,13 +104,13 @@ class ImageShadowGenerator{
       `;
     }
 
-    if(!styleElement){
+    if (!styleElement) {
       styleElement = document.createElement('style');
       styleElement.setAttribute('id', '_isg-style');
       document.head.appendChild(styleElement);
     }
 
-    styleElement.innerHTML = `
+    styleElement.innerHTML = `${styleElement.innerHTML}
       .${this.config.imgClass}._isg-${index} {
         box-shadow: ${styles.join(',')};
         -webkit-box-shadow: ${styles.join(',')};
@@ -119,8 +119,9 @@ class ImageShadowGenerator{
       }
       ${hoverStyleSheet}
     `;
+    styleElement.innerHTML = styleElement.innerHTML.replace(/\n/g, '');
   }
-  _processConfigs(config){
+  _processConfigs(config) {
     this.config = {
       offsetX: 0,
       offsetY: 50,
@@ -131,29 +132,28 @@ class ImageShadowGenerator{
       debug: false
     };
 
-    if(config){
-      Object.keys(config).forEach((key)=>{
+    if (config) {
+      Object.keys(config).forEach((key) => {
         this.config[key] = config[key];
       })
     }
 
-    if(this.config.debug == true) this.config.hover=true;
+    if (this.config.debug == true) this.config.hover = true;
 
-    this.config.offsetX = (this.config.offsetX*30)/100;
-    this.config.offsetY = (this.config.offsetY*30)/100;
+    this.config.offsetX = (this.config.offsetX * 30) / 100;
+    this.config.offsetY = (this.config.offsetY * 30) / 100;
   }
 
-  constructor(config){
+  constructor(config) {
     this._processConfigs(config);
 
     let images = document.getElementsByClassName(this.config.imgClass);
-
-    Object.keys(images).forEach((i)=>{
+    Object.keys(images).forEach((i) => {
       let img = images[i];
-      img.className = img.className+' _isg-'+i;
-      if(img.tagName == 'IMG')
-        img.addEventListener('load', ()=>{ this._applyStyles(img, i) }, false);
-      else if(img.tagName == 'VIDEO')
+      img.className = img.className + ' _isg-' + i;
+      if (img.tagName == 'IMG')
+        img.addEventListener('load', () => { this._applyStyles(img, i) }, false);
+      else if (img.tagName == 'VIDEO')
         img.ontimeupdate = () => { this._applyStyles(img, i) };
     })
   }
diff --git a/isg.min.js b/isg.min.js
index 9b7eb30..1c5c1bf 100644
--- a/isg.min.js
+++ b/isg.min.js
@@ -1 +1 @@
-class ImageShadowGenerator{_getPixelsColor(t){t.crossOrigin="Anonymous";const e=document.createElement("canvas"),a=t.clientWidth,s=t.clientHeight;e.width=a,e.height=s;const i=e.getContext("2d");i.drawImage(t,0,0,t.clientWidth,s);let o=95*a/100,n=95*s/100,g=5*a/100,h=5*a/100;return[[...i.getImageData(g,h,1,1).data],[...i.getImageData(o/2,h,1,1).data],[...i.getImageData(o,h,1,1).data],[...i.getImageData(o,n/2,1,1).data],[...i.getImageData(o,n,1,1).data],[...i.getImageData(o/2,n,1,1).data],[...i.getImageData(g,n,1,1).data],[...i.getImageData(g,n/2,1,1).data]]}_drawShadow(t,e){const a=this.config.debug;let s=this.config.offsetX,i=this.config.offsetY,o=this._getPixelsColor(t).map(t=>(t[3]=0==t[3]?0:.5,t.slice(0,4))),n=t.clientWidth/10,g=a?0:this.config.shadowBlur*t.clientWidth/100;e&&(g=a?0:this.config.hoverBlurSize*t.clientWidth/100);let h=a?0:t.clientWidth/10;a&&e&&(s=0,i=0);const c=[n-s,0+s,n+s,n+s,n+s,0+s,n-s,n-s],$=[n-i,n-i,n-i,0+i,n+i,n+i,n+i,0+i];return[`-${c[0]}px -${$[0]}px ${g}px -${h}px rgba(${o[0]})`,`${c[1]}px -${$[1]}px ${g}px -${h}px rgba(${o[1]})`,`${c[2]}px -${$[2]}px ${g}px -${h}px rgba(${o[2]})`,`${c[3]}px ${$[3]}px ${g}px -${h}px rgba(${o[3]})`,`${c[4]}px ${$[4]}px ${g}px -${h}px rgba(${o[4]})`,`${c[5]}px ${$[5]}px ${g}px -${h}px rgba(${o[5]})`,`-${c[6]}px ${$[6]}px ${g}px -${h}px rgba(${o[6]})`,`-${c[7]}px ${$[7]}px ${g}px -${h}px rgba(${o[7]})`]}_applyStyles(t,e){const a=this._drawShadow(t,!1);let s=document.getElementById("_isg-style"),i="";if(!0===this.config.hover){const a=this._drawShadow(t,!0);i=`\n        .${this.config.imgClass}._isg-${e}:hover {\n          box-shadow: ${a.join(",")};\n          -webkit-box-shadow: ${a.join(",")};\n          -moz--box-shadow: ${a.join(",")};\n        }\n      `}s||((s=document.createElement("style")).setAttribute("id","_isg-style"),document.head.appendChild(s)),s.innerHTML=`\n      .${this.config.imgClass}._isg-${e} {\n        box-shadow: ${a.join(",")};\n        -webkit-box-shadow: ${a.join(",")};\n        -moz--box-shadow: ${a.join(",")};\n        transition: .3s;\n      }\n      ${i}\n    `}_processConfigs(t){this.config={offsetX:0,offsetY:50,imgClass:"_isg",shadowBlur:40,hoverBlurSize:90,hover:!1,debug:!1},t&&Object.keys(t).forEach(e=>{this.config[e]=t[e]}),1==this.config.debug&&(this.config.hover=!0),this.config.offsetX=30*this.config.offsetX/100,this.config.offsetY=30*this.config.offsetY/100}constructor(t){this._processConfigs(t);let e=document.getElementsByClassName(this.config.imgClass);Object.keys(e).forEach(t=>{let a=e[t];a.className=a.className+" _isg-"+t,"IMG"==a.tagName?a.addEventListener("load",()=>{this._applyStyles(a,t)},!1):"VIDEO"==a.tagName&&(a.ontimeupdate=(()=>{this._applyStyles(a,t)}))})}}
+class ImageShadowGenerator { _getPixelsColor(a) { a.crossOrigin = "Anonymous"; const t = document.createElement("canvas"), s = a.clientWidth, e = a.clientHeight; t.width = s, t.height = e; const i = t.getContext("2d"); i.drawImage(a, 0, 0, a.clientWidth, e); let o = 95 * s / 100, h = 95 * e / 100, n = 5 * s / 100, g = 5 * s / 100; return [[...i.getImageData(n, g, 1, 1).data], [...i.getImageData(o / 2, g, 1, 1).data], [...i.getImageData(o, g, 1, 1).data], [...i.getImageData(o, h / 2, 1, 1).data], [...i.getImageData(o, h, 1, 1).data], [...i.getImageData(o / 2, h, 1, 1).data], [...i.getImageData(n, h, 1, 1).data], [...i.getImageData(n, h / 2, 1, 1).data]] } _drawShadow(a, t) { const s = this.config.debug; let e = this.config.offsetX, i = this.config.offsetY, o = this._getPixelsColor(a).map(a => (a[3] = 0 == a[3] ? 0 : .5, a.slice(0, 4))), h = a.clientWidth / 10, n = s ? 0 : this.config.shadowBlur * a.clientWidth / 100; t && (n = s ? 0 : this.config.hoverBlurSize * a.clientWidth / 100); let g = s ? 0 : a.clientWidth / 10; s && t && (e = 0, i = 0); const b = [h - e, 0 + e, h + e, h + e, h + e, 0 + e, h - e, h - e], c = [h - i, h - i, h - i, 0 + i, h + i, h + i, h + i, 0 + i]; return [`-${Math.abs(b[0])}px -${Math.abs(c[0])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[0]})`, `${Math.abs(b[1])}px -${Math.abs(c[1])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[1]})`, `${Math.abs(b[2])}px -${Math.abs(c[2])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[2]})`, `${Math.abs(b[3])}px ${Math.abs(c[3])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[3]})`, `${Math.abs(b[4])}px ${Math.abs(c[4])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[4]})`, `${Math.abs(b[5])}px ${Math.abs(c[5])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[5]})`, `-${Math.abs(b[6])}px ${Math.abs(c[6])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[6]})`, `-${Math.abs(b[7])}px ${Math.abs(c[7])}px ${Math.abs(n)}px -${Math.abs(g)}px rgba(${o[7]})`] } _applyStyles(a, t) { const s = this._drawShadow(a, !1); let e = document.getElementById("_isg-style"), i = ""; if (!0 === this.config.hover) { const s = this._drawShadow(a, !0); i = `\n        .${this.config.imgClass}._isg-${t}:hover {\n          box-shadow: ${s.join(",")};\n          -webkit-box-shadow: ${s.join(",")};\n          -moz--box-shadow: ${s.join(",")};\n        }\n      ` } e || ((e = document.createElement("style")).setAttribute("id", "_isg-style"), document.head.appendChild(e)), e.innerHTML = `${e.innerHTML}\n      .${this.config.imgClass}._isg-${t} {\n        box-shadow: ${s.join(",")};\n        -webkit-box-shadow: ${s.join(",")};\n        -moz--box-shadow: ${s.join(",")};\n        transition: .3s;\n      }\n      ${i}\n    `, e.innerHTML = e.innerHTML.replace(/\n/g, "") } _processConfigs(a) { this.config = { offsetX: 0, offsetY: 50, imgClass: "_isg", shadowBlur: 40, hoverBlurSize: 90, hover: !1, debug: !1 }, a && Object.keys(a).forEach(t => { this.config[t] = a[t] }), 1 == this.config.debug && (this.config.hover = !0), this.config.offsetX = 30 * this.config.offsetX / 100, this.config.offsetY = 30 * this.config.offsetY / 100 } constructor(a) { this._processConfigs(a); let t = document.getElementsByClassName(this.config.imgClass); Object.keys(t).forEach(a => { let s = t[a]; s.className = s.className + " _isg-" + a, "IMG" == s.tagName ? s.addEventListener("load", () => { this._applyStyles(s, a) }, !1) : "VIDEO" == s.tagName && (s.ontimeupdate = (() => { this._applyStyles(s, a) })) }) } }
