diff --git a/_framework/Weather.dll b/_framework/Weather.dll
index bf14391..e468128 100644
Binary files a/_framework/Weather.dll and b/_framework/Weather.dll differ
diff --git a/_framework/Weather.dll.br b/_framework/Weather.dll.br
index 46e91db..960261f 100644
Binary files a/_framework/Weather.dll.br and b/_framework/Weather.dll.br differ
diff --git a/_framework/Weather.dll.gz b/_framework/Weather.dll.gz
index 5624f7f..1be533e 100644
Binary files a/_framework/Weather.dll.gz and b/_framework/Weather.dll.gz differ
diff --git a/_framework/Weather.pdb.gz b/_framework/Weather.pdb.gz
index 6bd46d4..41901da 100644
Binary files a/_framework/Weather.pdb.gz and b/_framework/Weather.pdb.gz differ
diff --git a/_framework/blazor.boot.json b/_framework/blazor.boot.json
index 31b78cf..76c51e3 100644
--- a/_framework/blazor.boot.json
+++ b/_framework/blazor.boot.json
@@ -1,7 +1,7 @@
 {
   "entryAssembly": "Weather",
   "resources": {
-    "hash": "sha256-70IMo6sZGGm7JX/3uYP8WYZP3HkjqgzFwvao94xRayA=",
+    "hash": "sha256-12p9DQGPBcvX+BRdZKFldVQ1HUI5sJiP3WUegsq7UMo=",
     "runtime": {
       "dotnet.7.0.16.kns5mql5af.js": "sha256-F8lwjaVPMjAYJ0euy2kZ7fRuh2vr0eT6miTFbzMhalQ=",
       "dotnet.timezones.blat": "sha256-rwyJqJu36keQwNmm/O1XV7tnkkVldIOK8GIjn4gTUt4=",
@@ -71,7 +71,7 @@
       "System.Xml.ReaderWriter.dll": "sha256-yUVpRWFjVzadOG+Iso7e/Cd3+L1DVamnHG40C0+32KA=",
       "System.Xml.XDocument.dll": "sha256-7oYZgfSDm99dVCC4cR6NrauPvCS43I1amjmKe3rsEkk=",
       "System.Xml.XmlSerializer.dll": "sha256-LRWj9CwahmDSJYYJxD092gnF5xSFwg08tFqKCXFASVQ=",
-      "Weather.dll": "sha256-yRo6uPKRoQTTm6oocBiRTgO5ILvsLgoR/9tG3PYF6l8="
+      "Weather.dll": "sha256-jCXxlI6oF79VQOcuH2Srkf+pvIrGiAkOhJuaJGN/DKs="
     },
     "runtimeAssets": {
       "dotnet.wasm": {
diff --git a/_framework/blazor.boot.json.br b/_framework/blazor.boot.json.br
index fc46a47..a26b66d 100644
Binary files a/_framework/blazor.boot.json.br and b/_framework/blazor.boot.json.br differ
diff --git a/_framework/blazor.boot.json.gz b/_framework/blazor.boot.json.gz
index ab3cd94..5857cc1 100644
Binary files a/_framework/blazor.boot.json.gz and b/_framework/blazor.boot.json.gz differ
diff --git a/css/mainStyles.css b/css/mainStyles.css
index 3be9939..c55a4b3 100644
--- a/css/mainStyles.css
+++ b/css/mainStyles.css
@@ -2,6 +2,11 @@
     padding:0;
     margin:0;
 }
+main {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
 .header{
     width:100%;
     z-index:110;
@@ -187,6 +192,7 @@
     flex-direction: row;
     gap: 30px;
     width: 100%;
+    
 }
 
 
@@ -294,7 +300,23 @@
     font-family:sans-serif;
     color:white;
 }
+footer {
+    z-index: 10;
+    background-color:gray;
+    width:100%;
+}
 
+.footer {
+    color: white;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    justify-content: center;
+    font-family: sans-serif;
+    gap: 10px;
+    font-size:16px;
+    
+}
 @keyframes sun-rotation{
     from{
         transform: rotate(0deg);
@@ -321,7 +343,9 @@
     .search-dropdown{
         width:350px;
     }
+   
 }
+
 @media (min-width: 800px){
     .weather-hour {
         min-width: 90px;
@@ -350,6 +374,7 @@
         width:80%;
     }
     
+    
 }
 
 
@@ -365,7 +390,7 @@
         50% {
             transform: translateX(-50%);
         }
-
+https://cdn.weatherapi.com/weather/64x64/day/113.png
         100% {
             transform: translateX(0); /* Adjust based on the width of your background */
         }
diff --git a/css/weather/weatherapi_logo.png b/css/weather/weatherapi_logo.png
new file mode 100644
index 0000000..f3ed5ea
Binary files /dev/null and b/css/weather/weatherapi_logo.png differ
diff --git a/js/settings.js b/js/settings.js
index 9720987..9dfa975 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -37,4 +37,29 @@ function rotateLine() {
 leftScrollButton.addEventListener("click", scrollLeft);
 rightScrollButton.addEventListener("click", scrollRight);
 
+let isGrabbed = false;
+let grabStartX = 0;
+let scrollLeftStart = 0;
 
+const itemContainer = scrollableArea;
+
+itemContainer.addEventListener('mousedown', (e) => {
+    isGrabbed = true;
+    grabStartX = e.pageX - itemContainer.offsetLeft;
+    scrollLeftStart = itemContainer.scrollLeft;
+});
+
+itemContainer.addEventListener('mouseleave', () => {
+    isGrabbed = false;
+});
+
+itemContainer.addEventListener('mouseup', () => {
+    isGrabbed = false;
+});
+
+itemContainer.addEventListener('mousemove', (e) => {
+    if (!isGrabbed) return;
+    const mouseX = e.pageX - itemContainer.offsetLeft;
+    const scrollX = mouseX - grabStartX;
+    itemContainer.scrollLeft = scrollLeftStart - scrollX;
+});