Merge pull request #33 from Ayushkalathiya/ayush

removing scrollbar and add some colors for weather-icon

css/style.css

@@ -473,4 +473,63 @@ footer {
 #suggestions li:hover {   
     cursor: pointer;
     background-color: #c0cad4;
+}
+
+/* Default weather icon - neutral orange-yellow */
+.weather-icon i {
+    color: #ffd700; /* Bright gold - more visible and energetic */
+}
+
+/* Forecast cards with specific weather conditions */
+.forecast-card.sunny i {
+    color: #ff9500; /* Warm orange - represents sunlight */
+}
+
+.forecast-card.cloudy i {
+    color: #7b8994; /* Medium gray - represents clouds */
+}
+
+.forecast-card.rainy i {
+    color: #4682b4; /* Steel blue - represents rain */
+}
+
+.forecast-card.snowy i {
+    color: #c8cbcb; /* Light blue-white - represents snow */
+}
+
+.forecast-card.stormy i {
+    color: #484848; /* Dark gray - represents storm clouds */
+}
+
+/* Weather detail icons */
+.detail-item.rain i {
+    color: #0096ff; /* Bright blue - represents rain/water */
+}
+
+.detail-item.humidity i {
+    color: #1e90ff; /* Darker blue - represents moisture */
+}
+
+.detail-item.wind i {
+    color: #87ceeb; /* Sky blue - represents wind/air */
+}
+
+.detail-item.pressure i {
+    color: #778899; /* Slate gray - represents atmospheric pressure */
+}
+
+/* Hide scrollbar for Webkit browsers */
+::-webkit-scrollbar {
+    width: 0px;
+    background: transparent;
+}
+
+/* Hide scrollbar for Firefox */
+html {
+    scrollbar-width: none;
+}
+
+/* Allow scrolling */
+body {
+    overflow: auto;
 }

weather_info.html

@@ -61,7 +61,7 @@ <h4 class="day">Wednesday, October 21</h4>
                                 </div>
                                 <p class="status">Rainy</p>
                             </div>
-                            <div class="forecast-card  snowy">
+                            <div class="forecast-card snowy">
                                 <h4 class="day">Thursday, October 21</h4>
 
                                 <div class="weather-content">