core: color redesign

default.css

@@ -1,6 +1,6 @@
 body {
     font-family: Arial, sans-serif;
-    color: #4c4f69;
+    color: #FAFAFA;
     line-height: 1.5;
     margin-inline: auto;
     margin: 0px auto;
@@ -17,11 +17,11 @@ canvas {
 }
 
 .first {
-    background: #fe640b;
+    background: #EE6F57;
 }
 
 .second {
-    background: #eff1f5;
+    background: #E3E3E3;
 }
 
 #navigation {
@@ -69,7 +69,7 @@ h1 {
     max-width: 650px;
     text-align: left;
     padding: 8px 1.5rem;
-    color: rgba(254, 100, 11, 0.7);
+    color: #CB3737;
 }
 
 h2 {
@@ -87,12 +87,6 @@ h3 {
     margin-bottom: 0.5rem;
 }
 
-h4 {
-    color: #8c8fa1;
-    margin-top: 0;
-    margin-bottom: 0.5rem;
-}
-
 p {
     margin: 0px;
 }
@@ -109,7 +103,6 @@ a:hover, a:active {
 a.button {
     margin: 14px 10%;
     padding: 4px 12px;
-    color: #1e66f5;
     display: inline-block;
     text-decoration: none;
     width: 80px;