css removal unused lines

app/styles/responsive.css

@@ -5,7 +5,6 @@
     padding: 0;
     border-radius: none;
   }
-  
   /* Header styles */
   header {
     top: 0;
@@ -14,7 +13,6 @@
     padding-top: 0;
     width: 100%;
   }
- 
   /* Container styles */
   .container {
     display: flex;
@@ -24,26 +22,22 @@
     margin: 0;
     padding: 1dvh 0 0 0;
   }
-
   /* Left panel styles */
   .left-panel {
     display: hidden; /* Initially hidden */
     min-width: 100%; /* Takes full width when visible */
     margin: 0;
   }
-
   .left-panel.visible {
     display: block;
     height: min-content;
   }
-
   /* Conversation container styles */
   .conversation-container {
     min-width: 100%;
     height: 100%;
     border-radius: 0;
   }
-
   .conversation-container.collapsed {
     width: 0;
     padding: 0;
@@ -51,25 +45,21 @@
     overflow: hidden;
     display: hidden;
   }
-
   .conversation-container.expanded {
     min-width: 100%;
     margin-left: 0;
     border-radius: none;
     height: 10vh;
   }
-
   /* Grid styles */
   .grid {
     grid-template-columns: 1fr; /* One item per line */
   }
-
   /* Model box styles */
   .model-box {
     max-width: none; /* Remove max-width */
     margin: 0 auto; /* Center each model-box */
   }
-
   /* Input styles */
   .input {
     grid-column: 1 / -1;
@@ -82,7 +72,6 @@
     left: 2vw;
     justify-content: flex-start;
   }
-
   .input input {
     font-size: 1em; /* Adjust font size */
     max-width: 70%;
@@ -90,7 +79,6 @@
     border-color: var(--input-border-color); /* Use variable for input border */
     color: var(--text-color); /* Use variable for text color */
   }
-
   .input button {
     height: 100%; /* Adjust button height */
     width: 15%; /* Adjust button width */
@@ -99,16 +87,13 @@
     color: var(--user-message-text-color); /* Use variable for button text color */
     margin: 0;
   }
-
   .header-logo {
     position: relative;
   }
-
   .hamburger.open {
     margin-top: 0.5vh;
     padding-left: 1vw;
   }
-
   .nav-links {
     display: none; /* Hidden by default */
     position: absolute;
@@ -121,12 +106,10 @@
     padding: 10px;
     height: fit-content;
   }
-
   .nav-links.active {
     display: flex; /* Show when active */
     height: fit-content;
   }
-
   .nav-btn {
     width: 100%;
     text-align: center;
@@ -137,40 +120,32 @@
     font-size: 0.9em;
     border-radius: 5px;
   }
-
   .nav-btn:hover {
     background-color: var(--input-button-hover-color);
   }
-
   .hamburger {
     display: flex; /* Always show hamburger button */
   }
-
   .header-login-button {
     right: 5vh; /* Keep login button visible */
   }
-
   .show-hide-btn{
     width: fit-content;
     left: 20vw;
   }
-
   .header-logo {
     background-image: url(../../public/img/logo-small.png);
     width: 4em;
   }
-
   .sidebar{
     width: 0%;
     display: none;
   }
-
   .settings-main {
     width: 80vw; /* Full width for main content */
     margin: auto;
     padding: auto;
   }
-
   .dropdown{
     display: flex;
     position: relative;