New & improved style, removed blog

resources/css/style.css

@@ -7,7 +7,7 @@ html, body {
     width: 100%;
     margin: 0;
     padding: 0;
-    background-image: url(/img/background.webp);
+    background-color: #465e5e;
 }
 
 /** custom landing **/
@@ -44,7 +44,7 @@ html, body {
     top: 0;
     width: 100%;
     height: 100%;
-    z-index: -100;
+    z-index: 1;
 }
 
 /** website **/
@@ -73,6 +73,7 @@ html, body {
     flex-wrap: wrap;
     justify-content: flex-start;
     align-items: stretch;
+    z-index: 2;
 }
 
 footer {
@@ -97,8 +98,11 @@ footer {
     flex-grow: 1;
     width: 120px;
     max-width: 120px;
-    height: 100%;
+    margin: 15px;
+    margin-right: 0px;
+    border-radius: 10px;
     background-color: rgb(34, 34, 34);
+    z-index: 2;
 }
 
 .menuContainer ul {
@@ -133,9 +137,14 @@ footer {
     flex-grow: 1;
     width: 400px;
     max-width: 400px;
-    height: 100%;
+    margin: 30px;
+    margin-left: 0px;
+    border-radius: 10px;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
     overflow-y: scroll;
     background-color: rgb(219, 219, 219);
+    z-index: 2;
 }
 
 .submenuContainer h1 {
@@ -191,17 +200,22 @@ footer {
     overflow-y: scroll;
     transition: 0.5s;
     text-align: justify;
-    background-color: rgba(57, 57, 57, 0.649);
+    z-index: 2;
 }
 
-.contentContainer article{
+.contentContainer article {
     overflow-y: auto;
     margin-left: auto;
     margin-right: auto;
     box-sizing: border-box;
     max-width: 900px;
+    min-height: calc(100% - 20px);
     padding: 20px;
     background-color: rgb(219, 219, 219);
+    border-radius: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    z-index: 3;
 }
 
 .contentContainer article h5 {