feat: added not-found and error pages

client/styles/main.scss

@@ -223,7 +223,7 @@ p {
     margin: 0;
 }
 
-p+p {
+p + p {
     margin-top: 0.5rem;
 }
 
@@ -476,11 +476,11 @@ main.page-scores {
                     }
 
                     &:hover {
-                        &:nth-child(3n + 1)+.cell+.cell::after {
+                        &:nth-child(3n + 1) + .cell + .cell::after {
                             background: #00000006;
                         }
 
-                        &:nth-child(3n + 2)+.cell::after {
+                        &:nth-child(3n + 2) + .cell::after {
                             background: #00000006;
                         }
                     }
@@ -529,6 +529,8 @@ header {
     background: #fdfdfd;
 
     .logo {
+        z-index: 1;
+
         font-size: 42px;
         font-family: 'Lato';
         font-weight: 300;
@@ -544,6 +546,8 @@ header {
         width: 100%;
         height: 100%;
 
+        z-index: 0;
+
         .nav-left {
             gap: 1rem;
             display: flex;
@@ -797,8 +801,7 @@ header {
 }
 
 // On mobile
-@media screen and (max-width: $device-s-width),
-(pointer: coarse) {
+@media screen and (max-width: $device-s-width), (pointer: coarse) {
     main {
         padding: 2rem 1rem 6rem;
 
@@ -824,16 +827,15 @@ header {
             align-items: center;
             gap: 1rem;
 
-            .nav-left, .nav-right {
+            .nav-left,
+            .nav-right {
                 left: unset;
                 right: unset;
                 position: relative;
-    
+
                 flex-direction: column;
             }
         }
-
-     
     }
 
     .problem {
@@ -874,8 +876,7 @@ header {
     }
 }
 
-@media screen and (max-width: $device-m-width),
-(pointer: coarse) {
+@media screen and (max-width: $device-m-width), (pointer: coarse) {
     .markdown-editor {
         grid-template-columns: auto;
         grid-template-rows: auto auto;
@@ -885,4 +886,4 @@ header {
             justify-self: center;
         }
     }
-}
+}