last step

static/homepage.css

@@ -652,6 +652,9 @@
 .homepage-link4>a{
     text-decoration: none;
 }
+.homepage-link5>a{
+    text-decoration: none;
+}
 
 
 .homepage-link-img3{
@@ -689,7 +692,7 @@
 
 .homepage-link5{
     top: 14200px;
-    /* transform: translateX(410px); */
+    transform: translateY(-100px);
     width: 400px;
     height: 500px;
     flex-shrink: 0;
@@ -706,7 +709,7 @@
     background-size: 91%;
     background-position: center;
     transition: all 0.1s linear;
-    /* transform: translateX(30px); */
+    transform: translateX(30px);
 } 
 
 /* content boxes style: */

static/homepage.js

@@ -185,7 +185,7 @@ function draw(){
     let scrTop = document.documentElement.scrollTop;
     var canvas = document.getElementById("tutorial")
     canvas.width = 1300;
-    canvas.height = 5000;
+    canvas.height = 4000;
     let cvs_h = canvas.getBoundingClientRect().top + scrTop;
     let cur_h = document.documentElement.clientHeight / 1.8 + scrTop;
     top_screen = Math.floor(-canvas.getBoundingClientRect().top);
@@ -249,7 +249,7 @@ function draw(){
 
     
     var centerX = canvas.width / 2;  
-    verticalLine(centerX, 200, 5000, ctx, canvas_h);
+    verticalLine(centerX, 200, 4000, ctx, canvas_h);
 
     circularArc(centerX - 30, 1600, ctx, canvas_h, 3, 0);