CSS tweaks

sass/main.scss

@@ -1,6 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&display=swap');
 
-$sidebar_width: 15%;
+$sidebar_width: 20%;
 $sidebar_background: rgba(45, 45, 45, 1);
 $body_background: rgba(30, 30, 30, 1);
 $content_background: rgb(35, 35, 35);
@@ -8,6 +8,7 @@ $content_background: rgb(35, 35, 35);
 body {
     margin: 0;
     font-family: 'Fira Code', monospace;
+    background: $body_background;
 
     // Sidebar
     nav {
@@ -27,7 +28,8 @@ body {
         }
 
         img { 
-            width: auto;
+            width: 100%;
+            max-width: 500px;
         }
         
         // Refrence to the tab interface
@@ -48,8 +50,7 @@ body {
         height: 100%;
         box-sizing: border-box;
         margin-left: $sidebar_width;
-        background: $body_background;
-        padding-top: 32px;
+        padding-top: 50px;
         color: white;
 
         article {
@@ -57,12 +58,12 @@ body {
             border: 1px solid white;
             border-radius: 3px;
             padding: 13px;
-            max-width: 1500px;
+            max-width: 1000px;
             background: $content_background;
         }
     }
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (max-width: 1300px) {
     @import "mobile.scss";
 }