core: cleanup div order for css

default.css

@@ -2,26 +2,29 @@ body {
     font-family: Arial, sans-serif;
     color: #4c4f69;
     line-height: 1.5;
-    max-width: 80rem;
     margin-inline: auto;
-    background: #eff1f5;
     margin: 0px auto;
-    padding-top: 80px;
 }
 
 canvas {
     margin: auto;
 }
 
+.inside {
+    max-width: 80rem;
+    margin: 0px auto;
+}
+
+.first {
+    background: #eff1f5;
+}
+
+.second {
+    background: #fe640b;
+}
+
 #navigation {
-    background: #dce0e8;
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    right: 0px;
     text-align: right;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
     padding: 6px;
     max-width: inherit;
     margin: auto;
@@ -51,10 +54,6 @@ canvas {
     height: 55px;
 }
 
-#main {
-    margin: 0px auto;
-}
-
 .canvas {
     width: 780px;
     height: 600px;
@@ -66,8 +65,9 @@ canvas {
 }
 
 h1 {
-    text-align: right;
-    padding: 8px;
+    max-width: 650px;
+    text-align: left;
+    padding: 8px 1.5rem;
     color: rgba(254, 100, 11, 0.7);
 }
 
@@ -101,7 +101,6 @@ a {
 }
 
 a:hover, a:active {
-    color: #fe640b;
     border-radius: 9px;
     text-decoration: underline;
 }