arrows

style.css

@@ -187,20 +187,30 @@ html {
 .arrow-down {
   position: absolute;
   bottom: 20px;
-  right: 50%;
-  transform: translateX(50%);
+  right: 60px;
   display: block;
-  height: 30px;
-  width: 30px;
-  background: url("./svg/Arrow_to_bottom.svg") no-repeat center;
+  height: 15px;
+  width: 15px;
+  background: url("./svg/double_arrow.svg") no-repeat center;
   background-size: contain;
   cursor: pointer;
+  animation: action 0.5s infinite alternate;
 }
 
 .arrow-down:hover {
   opacity: 0.5;
 }
 
+@keyframes action {
+  0% {
+    transform: translateY(0);
+  }
+
+  100% {
+    transform: translateY(-10px);
+  }
+}
+
 
 
 .features {

svg/double_arrow.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   fill="none"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="double_arrow.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="22.903226"
+     inkscape:cx="7.9901408"
+     inkscape:cy="4.3661972"
+     inkscape:window-width="1600"
+     inkscape:window-height="948"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     showguides="false" />
+  <path
+     d="m 7.2928835,15.032452 c 0.39053,0.3905 1.02369,0.3905 1.41422,0 L 15.071094,8.6684519 c 0.3905,-0.3905 0.3905,-1.0236 0,-1.4142 -0.3906,-0.3905 -1.0237,-0.3905 -1.4142,0 L 7.9999935,12.911152 2.3431335,7.2542519 c -0.39052,-0.3905 -1.02368,-0.3905 -1.41420906,0 -0.39052396,0.3906 -0.39052396,1.0237 0,1.4142 z m -0.29289,-0.7071 h 2 z"
+     fill="#cccccc"
+     id="path1"
+     sodipodi:nodetypes="ccccscccccccc" />
+  <path
+     d="m 7.2928833,8.5950191 c 0.39053,0.3905 1.02369,0.3905 1.41422,0 l 6.3639897,-6.364 c 0.3905,-0.3905 0.3905,-1.0236 0,-1.41420001 -0.3906,-0.3905 -1.0237,-0.3905 -1.4142,0 L 7.9999933,6.4737191 2.3431337,0.81681909 c -0.39052,-0.3905 -1.02368,-0.3905 -1.414209,0 -0.390524,0.39060001 -0.390524,1.02370001 0,1.41420001 z m -0.29289,-0.7071 h 2 z"
+     fill="#cccccc"
+     id="path1-3"
+     sodipodi:nodetypes="ccccscccccccc" />
+</svg>