diff --git a/css/style.css b/css/style.css
index 814b492..1c05fb8 100755
--- a/css/style.css
+++ b/css/style.css
@@ -18,8 +18,8 @@ a {
 
 button {
     border: none;
-    background-color:light-grey(#c2c2c2,var(--main-color));
-    color:light-grey (black,white);
+	background-color: var(--main-color);
+    color: white;
     padding: 6px 8px;
     border-radius: 10%;
     cursor: pointer;
@@ -79,8 +79,8 @@ footer{
     left: 0;
     bottom: 0;
     width: 100%;
-    background-color:light-grey (white,black);
-    color: light-grey (white,black);
+    background-color: light-dark(white,black);
+    color: light-dark (white,black);
     text-align: center;
 }
 
@@ -89,7 +89,7 @@ header {
 }
 
 .navigaatio {
-    background-color: light-grey (white,black);;
+    background-color: light-dark(white,black);
     position: sticky; 
     top: 0;
     overflow: hidden;
@@ -106,18 +106,18 @@ header {
     display: flex;
     flex-direction: row;
     gap: 4px;
-    color: light-grey( var(--main-gray),#c2c2c2);
+    color: light-dark( var(--main-gray),#c2c2c2);
 }
 
 .navigaatio-osio a {
-    color:  light-grey( var(--main-gray),#c2c2c2);
+    color:  light-dark( var(--main-gray),#c2c2c2);
 }
 
 .navigaatio-osio a:hover {
-    color:  light-grey( var(--main-gray),#c2c2c2);
+    color:  light-dark( var(--main-gray),#c2c2c2);
 }
 
 footer {
-    color:  light-grey( var(--main-gray),#c2c2c2);
+    color:  light-dark( var(--main-gray),#c2c2c2);
 }