diff --git a/css/style.css b/css/style.css
index 802eb72..814b492 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,10 +1,13 @@
+
 :root {
   --main-color: #01a4e4;
   --main-gray: #3d3d3d;
+  color-scheme: light dark;
 }
 
 * {
     font-family: sans-serif;
+    
 }
 
 
@@ -15,8 +18,8 @@ a {
 
 button {
     border: none;
-    background-color: var(--main-color);
-    color: white;
+    background-color:light-grey(#c2c2c2,var(--main-color));
+    color:light-grey (black,white);
     padding: 6px 8px;
     border-radius: 10%;
     cursor: pointer;
@@ -72,6 +75,13 @@ table .muokkaus-column {
 
 footer{
     text-align: center;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color:light-grey (white,black);
+    color: light-grey (white,black);
+    text-align: center;
 }
 
 header {
@@ -79,7 +89,7 @@ header {
 }
 
 .navigaatio {
-    background-color: white;
+    background-color: light-grey (white,black);;
     position: sticky; 
     top: 0;
     overflow: hidden;
@@ -96,18 +106,18 @@ header {
     display: flex;
     flex-direction: row;
     gap: 4px;
-    color: var(--main-gray) !important;
+    color: light-grey( var(--main-gray),#c2c2c2);
 }
 
 .navigaatio-osio a {
-    color: var(--main-gray)
+    color:  light-grey( var(--main-gray),#c2c2c2);
 }
 
 .navigaatio-osio a:hover {
-    color: var(--main-color)
+    color:  light-grey( var(--main-gray),#c2c2c2);
 }
 
 footer {
-    color: var(--main-gray);
+    color:  light-grey( var(--main-gray),#c2c2c2);
 }
 
diff --git a/public/index.php b/public/index.php
index 231c31e..427375f 100755
--- a/public/index.php
+++ b/public/index.php
@@ -95,7 +95,7 @@ if ($result->num_rows>0){
 									echo "<td>" . $tyyppi["ohjaaja"] . "</td>";
 									echo "<td>" . $tyyppi["yhteystiedot"] . "</td>";
 									echo "<td>" . date("d.m.y", strtotime($tyyppi["aloitus"])) . "</td>";
-									echo "<td>" . date("d.m.y", strtotime($tyyppi["lopetus"])) . "</td>";									
+									echo "<td>" . date("d.m.y", strtotime($tyyppi["lopetus"])) . "</td>";
 									echo "<td>" . $tyyppi["status"] . "</td>";
 									echo "<td>" . $tyyppi["ruokaraha"] . "</td>";
 									echo "<td>" . $tyyppi["muuta"] . "</td>";