diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/responsive.css b/responsive.css
index c2f4417..cfd30a1 100644
--- a/responsive.css
+++ b/responsive.css
@@ -1,5 +1,5 @@
-@media screen and (min-width:540px) {
-  .navbar{
+@media screen and (min-width:700px){
+.navbar {
     display: flex;
     width: 100%;
     top: 0;
@@ -7,28 +7,37 @@
     align-items: right;
     justify-content: right;
   }
-  .closenavbar,.opennavbar{
+
+  .closenavbar,
+  .opennavbar {
     display: none;
   }
-  .head1{
+
+  .head1 {
     visibility: visible;
   }
-  h1{
+
+  h1 {
     visibility: visible;
     display: inline-flex;
     position: fixed;
     left: 0;
     font-size: 2rem;
   }
-.nav{
-  display: none;
-}
-  .navbtn:hover{
+
+  .nav {
+    display: none;
+  }
+
+  .navbtn:hover {
     background-color: yellow;
     border-radius: 1vw;
     color: black;
-    
+
   }
+}
+@media screen and (min-width:540px) {
+  
   .fa-sun,.fa-moon:hover{
     transform: scale(1.2);
   }