diff --git a/default.css b/default.css
index 4ad4495..b5d8a20 100644
--- a/default.css
+++ b/default.css
@@ -1,11 +1,11 @@
 body {
     font-family: Arial, sans-serif;
     font-size: 14px;
-    color: #cad3f5;
+    color: #4c4f69;
     line-height: 1.5;
     max-width: 1920px;
     margin-inline: auto;
-    background: #24273a;
+    background: #eff1f5;
     margin: 0px auto;
 }
 
@@ -34,7 +34,6 @@ body {
 #main {
     margin: 0px 120px;
     display: flex;
-    /*background: #1e2030;*/
 }
 
 .canvas {
@@ -102,32 +101,32 @@ a:hover, a:active {
 a.button {
     margin: 14px 10%;
     padding: 4px 12px;
-    border: 1px outset #494d64;
+    border: 1px outset #bcc0cc;
     border-radius: 9px;
-    color: #8aadf4;
+    color: #1e66f5;
     display: inline-block;
-    background-color: #363a4f;
+    background-color: #ccd0da;
     text-decoration: none;
     width: 80px;
     text-align: center;
 }
 
 @keyframes hover {
-    0% { box-shadow: 0 0 8px 4px #24273a; }
-    15% { box-shadow: 0 0 8px 4px #494d64; }
-    50% { box-shadow: 0 0 8px 4px #b7bdf8; }
-    85% { box-shadow: 0 0 8px 4px #494d64; }
-    100% { box-shadow: 0 0 8px 4px #24273a; }
+    0% { box-shadow: 0 0 8px 4px #eff1f5; }
+    15% { box-shadow: 0 0 8px 4px #bcc0cc; }
+    50% { box-shadow: 0 0 8px 4px #7287fd; }
+    85% { box-shadow: 0 0 8px 4px #bcc0cc; }
+    100% { box-shadow: 0 0 8px 4px #eff1f5; }
 }
 
 @keyframes card {
-    0% { box-shadow: 0 0 8px 4px #24273a; }
+    0% { box-shadow: 0 0 8px 4px #eff1f5; }
     50% { box-shadow: 0 0 8px 4px #df8e1d; }
-    100% { box-shadow: 0 0 8px 4px #24273a; }
+    100% { box-shadow: 0 0 8px 4px #eff1f5; }
 }
 
 .card {
-    background: #363a4f;
+    background: #ccd0da;
     text-align: center;
     border-radius: 18px;
     animation: card 3s linear infinite;
@@ -139,7 +138,7 @@ a.button {
 }
 
 .cardTop {
-    background: #1e2030;
+    background: #e6e9ef;
     border-top-left-radius: 18px;
     border-top-right-radius: 18px;
 }