diff --git a/assets/js/script.js b/assets/js/script.js
index c2f4076..7450481 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -19,6 +19,7 @@ function opencell(id) {
             z[0].classList.add("display");
             z[0].classList.remove("hidden");
             url = url.concat("#",id);
+            window.scrollBy(0, 300);
         }
         
         
@@ -32,6 +33,7 @@ function opencell(id) {
         z[0].classList.add("display");
         z[0].classList.remove("hidden");
         url = url.concat("#",id);
+        window.scrollBy(0, 300);
     }
 
     history.pushState({}, null, url);
@@ -48,6 +50,7 @@ function init() {
             var z = w.getElementsByClassName("hidden");
             z[0].classList.add("display");
             z[0].classList.remove("hidden");
+            window.scrollBy(0, 300);
         }
     }
 }
diff --git a/assets/style/style.css b/assets/style/style.css
index a3912d6..6300da1 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -93,8 +93,7 @@ h2 svg {
     width : 150px;
     height: 150px;
     cursor: pointer;
-    transition: width  0.5s;
-    
+    transition: width 0.25s;
 }
 
 .opened {