1 files changed, 62 insertions, 17 deletions

diff --git a/web/static/main.css b/web/static/main.css
index 79f28f4..dd00386 100644
--- a/web/static/main.css
+++ b/web/static/main.css
@@ -44,6 +44,7 @@
   margin: 0;
   font-weight: normal;
 }
+
 input[type="radio"] {
   appearance: none;
   background-color: var( --back );
@@ -95,8 +96,8 @@ input[type="radio"]:checked::before {
 }
 
 code {
-  font-family: Code;
-  font-size: 13px;
+  font-family: Terminal;
+  font-size: 18px;
   white-space: pre-wrap;
   background: #212325;
   padding: 5px 7px !important;
@@ -354,7 +355,7 @@ h5 {
 }
 
 #blog-entry ul {
-  padding-left: 20px;
+  padding-left: 30px;
 }
 
 @media( max-width: 1100px ) {
@@ -375,7 +376,6 @@ h5 {
   }
 
   .page-title {
-    height: 35px;
   }
 
 
@@ -402,8 +402,8 @@ h5 {
   }
 
   #sidebar h4 {
-    font-family: JPN12 !important;
-    font-size: 13px !important;
+    font-family: JPN12;
+    font-size: 13px;
   }
 
   #package-entries table {
@@ -429,7 +429,7 @@ h5 {
   }
 
   #sidebar h4 {
-    font-size: 10px !important;
+    font-size: 10px;
     margin-bottom: 0px;
     margin-top: 0px;
   }
@@ -447,18 +447,15 @@ h5 {
     margin-top: 7px;
   }
 
-  .page-title {
-    height: 30px;
-  }
-
   #sidebar h3 {
-    font-size: 20px !important;
+    font-size: 20px;
   }
 
   .sidebar-row {
     margin-bottom: 10px;
   }
 
+
   #package-entries table {
     font-family: JPN12 !important;
     font-size: 8px !important;
@@ -477,9 +474,9 @@ h5 {
 }
 
 
-@media( max-width: 460px ) {
+@media( max-width: 500px ) {
   #sidebar {
-    width: 170px !important;
+    width: 150px;
     margin-left: 5px;
     margin-right: 5px;
   }
@@ -492,18 +489,32 @@ h5 {
     padding-top: 10px;
   }
 
+  #blog-entry ul {
+    padding-left: 20px;
+  }
+
+  #blog-entry h4 {
+    font-size: 13px;
+  }
+
+  .page-title h3 {
+    font-size: 17px;
+    margin-top: 8px;
+    margin-bottom: 0px;
+  }
+
   #ascii-art {
     font-size: 4px;
   }
 
   #sidebar h4 {
-    font-size: 8px !important;
+    font-size: 8px;
     margin-bottom: 0px;
     margin-top: 0px;
   }
 
   #sidebar h3 {
-    font-size: 17px !important;
+    font-size: 17px;
   }
 
   h5 {
@@ -512,12 +523,46 @@ h5 {
     font-weight: normal;
     margin-top: 4px;
   }
+
+  #blog-entry {
+    font-size: 10px;
+  }
+
+  #blog-entry code {
+    font-size: 10px;
+  }
 }
 
 @media( max-width: 350px ) {
-  #ascii-art {
+  #ascii-art { 
     font-size: 3px;
   }
+
+  #sidebar h4 {
+    font-size: 6px;
+    margin-bottom: 0px;
+    margin-top: 0px;
+  }
+
+  #sidebar h3 {
+    font-size: 14px;
+  }
+
+  #blog-entry {
+    font-size: 7px;
+  }
+
+  #blog-entry code {
+    font-size: 7px;
+  }
+
+  .sidebar-row {
+    margin-bottom: 13px;
+  }
+
+  #sidebar {
+    width: 90px;
+  }
 }