fixed rotating cube bug

.firebase/hosting.YnVpbGQ.cache

@@ -1,19 +1,19 @@
-asset-manifest.json,1657496959927,e29d67de2213b94b0e81711b0379509e9c36b0dfd67fd63d736becf8097a8f0b
-styles.css,1657496955037,0b7fedfad7e9a16ceb5b22a7cc8ca14fd8ea4b048f4b9361c8442355a624c03f
-index.html,1657496959922,f31c3b197655b92551488c2905b21964df80cdda5e5c6e84f92aac6d7adce56e
-static/js/main.a09b8a38.js.LICENSE.txt,1657496959923,c4381bed76555b7fd6397ab6c4196230cdcc58ca919fe4488d74828b691a11c2
-static/css/main.43b4e8e0.css,1657496959923,ed8e182cfaf12d0867bfda715d7b5557399f6f3fa0b71ae3e26eb3d72cdf6668
-static/media/codepath.c72dbf03563a6e101c7f.png,1657496959922,e25ac7bfcfa0a5a50a93910ac9ff6ca690b2bc406c72016e53c66bce6cb1004c
-static/css/main.43b4e8e0.css.map,1657496959927,0ae4c321a7cc42459d561bd8e69cdca110290961f936c4d8a9fa89ec30901025
-static/media/swift.8a19f6f428df62ef60ea.jpg,1657496959922,a4d80296cde444af71c3f8ab14a2a940027877a2ee4787be4c226e26e8448aed
-static/media/memoji.2564925f616348fd9dfc.jpg,1657496959923,c64fe7ab734f6f82c2a75414e79e3c71ea40af57cc9ce2fb998767639019be85
-static/media/swift.8a19f6f428df62ef60ea.webp,1657496959922,a4d80296cde444af71c3f8ab14a2a940027877a2ee4787be4c226e26e8448aed
-static/media/c++.c005e197ba26d5882fa2.jpg,1657496959922,f5e1be10feb38ac5793aa306ac1b604684e548745055768ad6829ba6804be455
-static/media/c.83dfa097dfa94f707a41.png,1657496959922,f3c21bbe429b0097c3564b7fa334c0254754e76bbaad24685f467cb93a333ddc
-static/media/js.7f8751632b42a9932c15.jpg,1657496959922,31811002cdb3cbcc21e2caf831fe833e5750a108f9b441bbb5ef21d0aa0ab9ad
-static/media/java.f3fe10239e73f1d7f066.jpg,1657496959923,ef99976cf5fbfa8d54d0310da3c36bc90305f8d571a41fb011c327e8827e082e
-static/media/thon.ec677e2fe7e33eb67001.png,1657496959923,f99856eb06ebec3c94e6117a8b45f26b8fc478b3e1d602d4f5ca8f23e4fb20ae
-static/media/oldmain.4383c843990d701e0605.jpg,1657496959923,2331c1f90c304185313fba9d66ca7bb544921c57976e64ffe9869d4dfe119710
-static/media/me.40dcfdbac52706bc910b.jpg,1657496959922,6ad274dfd9291c2780e5b844040659a0408814fb0d54858914bc15026df9131c
-static/js/main.a09b8a38.js,1657496959923,ef2c2431ae0c7590025ce81d11a7dfcd3fb6d0bb4af3255de60e8c0ac6d1148f
-static/js/main.a09b8a38.js.map,1657496959928,22f7b1184aa4d072d2b5eabefb16b87a38ab365eecd928247739f166543e9d58
+asset-manifest.json,1657497788200,e29d67de2213b94b0e81711b0379509e9c36b0dfd67fd63d736becf8097a8f0b
+styles.css,1657497783257,0b7fedfad7e9a16ceb5b22a7cc8ca14fd8ea4b048f4b9361c8442355a624c03f
+index.html,1657497788195,f31c3b197655b92551488c2905b21964df80cdda5e5c6e84f92aac6d7adce56e
+static/js/main.a09b8a38.js.LICENSE.txt,1657497788196,c4381bed76555b7fd6397ab6c4196230cdcc58ca919fe4488d74828b691a11c2
+static/css/main.43b4e8e0.css,1657497788196,ed8e182cfaf12d0867bfda715d7b5557399f6f3fa0b71ae3e26eb3d72cdf6668
+static/media/codepath.c72dbf03563a6e101c7f.png,1657497788195,e25ac7bfcfa0a5a50a93910ac9ff6ca690b2bc406c72016e53c66bce6cb1004c
+static/css/main.43b4e8e0.css.map,1657497788196,0ae4c321a7cc42459d561bd8e69cdca110290961f936c4d8a9fa89ec30901025
+static/media/memoji.2564925f616348fd9dfc.jpg,1657497788196,c64fe7ab734f6f82c2a75414e79e3c71ea40af57cc9ce2fb998767639019be85
+static/media/swift.8a19f6f428df62ef60ea.webp,1657497788196,a4d80296cde444af71c3f8ab14a2a940027877a2ee4787be4c226e26e8448aed
+static/media/swift.8a19f6f428df62ef60ea.jpg,1657497788196,a4d80296cde444af71c3f8ab14a2a940027877a2ee4787be4c226e26e8448aed
+static/media/c.83dfa097dfa94f707a41.png,1657497788196,f3c21bbe429b0097c3564b7fa334c0254754e76bbaad24685f467cb93a333ddc
+static/media/c++.c005e197ba26d5882fa2.jpg,1657497788196,f5e1be10feb38ac5793aa306ac1b604684e548745055768ad6829ba6804be455
+static/media/js.7f8751632b42a9932c15.jpg,1657497788196,31811002cdb3cbcc21e2caf831fe833e5750a108f9b441bbb5ef21d0aa0ab9ad
+static/media/java.f3fe10239e73f1d7f066.jpg,1657497788195,ef99976cf5fbfa8d54d0310da3c36bc90305f8d571a41fb011c327e8827e082e
+static/media/thon.ec677e2fe7e33eb67001.png,1657497788196,f99856eb06ebec3c94e6117a8b45f26b8fc478b3e1d602d4f5ca8f23e4fb20ae
+static/media/oldmain.4383c843990d701e0605.jpg,1657497788196,2331c1f90c304185313fba9d66ca7bb544921c57976e64ffe9869d4dfe119710
+static/media/me.40dcfdbac52706bc910b.jpg,1657497788195,6ad274dfd9291c2780e5b844040659a0408814fb0d54858914bc15026df9131c
+static/js/main.a09b8a38.js,1657497788196,ef2c2431ae0c7590025ce81d11a7dfcd3fb6d0bb4af3255de60e8c0ac6d1148f
+static/js/main.a09b8a38.js.map,1657497788200,22f7b1184aa4d072d2b5eabefb16b87a38ab365eecd928247739f166543e9d58

src/components/App.css

@@ -2,7 +2,7 @@
     box-sizing: border-box;
     margin: 0;
     border: 0;
-    overflow-x: hidden;
+    /* overflow-x: hidden; */
     font-family: 'Monserrat', 'sans-serif';
 }
 

src/components/Navbar/Navbar.css

@@ -80,6 +80,12 @@
 }
 
 @media screen and ( max-width:960px ){
+    .nav-menu{
+        display: none;
+    }
+}
+
+/* @media screen and ( max-width:960px ){
     .NavbarItems{
         position: relative;
     }
@@ -138,4 +144,4 @@
         font-size: 1.8rem;
     }
 }
-
+ */

src/components/Skills/ImgCube.css

@@ -1,5 +1,5 @@
 .wrap{
-    margin-left: 40px;
+    /* margin-left: 40px; */
     perspective: 1000px;
     perspective-origin: 50% 50%;
 }
@@ -71,4 +71,18 @@ body{
 .cube:hover{
      animation-play-state: paused;
     --deft: 200px;
+}
+
+@media screen and ( max-width:960px ){
+    :root{
+        --deft:70px;
+    }
+
+    .cube{
+        height: 100px;
+        width: 100px;
+        margin: auto;
+        transform-style: preserve-3d;
+        position: relative;
+    }
 }

src/components/Skills/Skills.css

@@ -2,6 +2,7 @@
     background-color: #041C32;
     color: white;
     padding: 50px;
+    overflow-x: auto;
     position: relative;
 }