src/styles/main.css

@@ -84,53 +84,7 @@ nav {
   }
 }
 
-#mobileNav {
+@media screen and (max-width: 430px) {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.9);
-  left: 0;
-  top: 0;
-  z-index: 9;
-  
-  i {
-    float: right;
-    font-size: 35px;
-    cursor: pointer;
-    transition: 0.3s color;
-  }
-
-  div {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-  }
-
-  div li {
-    cursor: pointer;
-    margin-left: 10px;
-    font-weight: 400;
-    transition: color 0.3s;
-    font-size: 40px;
-    text-align: center;
-    font-family: 'Rubik', sans-serif;
-    margin: 10px;
-  }
-
-  div a {
-    color: white;
-    text-decoration: none;
-    transition: 0.3s color;
-  }
-
-
-  div a:hover {
-    color: #74d2f1;
-  }
-}
-
-@media screen and (max-width: 390px) {
   nav {
     justify-content: center;