Improve page

1 files changed, 23 insertions, 9 deletions

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 2e8b9be..c2338c2 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -156,10 +156,7 @@
 	--bulma-info-s: 30%;
 	--bulma-info-l: 55%;
 	--bulma-body-color: #FBF9FF;
-    }
-
-    body {
-	background: #2F2F37;
+	--bulma-body-background-color: #2F2F37;
     }
 
     .page-title {
@@ -254,6 +251,12 @@
 	color: #668eb0;
     }
 
+    .tabs {
+	--bulma-tabs-border-bottom-color: #4D9DE0;
+	--bulma-tabs-link-color: #4D9DE0;
+	--bulma-tabs-boxed-link-hover-background-color: #668eb0;
+    }
+
     a.footer-url {
 	color: #F4FAFF;
     }
@@ -304,6 +307,22 @@
     }
 }
 
+@media (width <= 1000px) {
+    .page-container {
+	flex: none;
+	width: 100%;
+	margin-left: 1rem !important;
+    }
+}
+
+@media (width > 1000px) {
+    .page-container {
+	flex: none;
+	width: 60%;
+	margin-inline-start: 20%;
+    }
+}
+
 .sr-only {
     clip: rect(0,0,0,0);
     border-width:0;
@@ -343,11 +362,6 @@ p.archive-post-date {
     margin-bottom: 0rem;
 }
 
-#page-container {
-    position: relative;
-    min-height: 100vh;
-}
-
 h1 {
     font-size: 2rem;
 }