swipe time and menu uppercase

src/app/header/header.component.scss

@@ -115,15 +115,16 @@
 
         .item {
           padding: 0;
-          margin: 10px 0;
+          margin: 12px 0;
           font-weight: bold;
           font-size: $font-30;
+          text-transform: uppercase;
           color: $black;
           cursor: pointer;
           transition: transform .4s;
 
           &:hover {
-            transform: scale(1.4);
+            transform: scale(1.4) skew(-6deg, -6deg) rotate(6deg);
           }
 
           &.active {

src/app/home/home.component.ts

@@ -109,7 +109,7 @@ export class HomeComponent implements OnInit {
       const direction = [coord[0] - this.swipeCoord[0], coord[1] - this.swipeCoord[1]]
       const duration = time - this.swipeTime
 
-      if (duration < 1000
+      if (duration < 1500
         && Math.abs(direction[0]) > 30
         && Math.abs(direction[0]) > Math.abs(direction[1] * 3)) {
           const swipe = direction[0] < 0 ? 'next' : 'prev'