1 files changed, 30 insertions, 3 deletions
diff --git a/style.css b/style.css
index 859ade6..bfadaa5 100644
--- a/style.css
+++ b/style.css
@@ -90,7 +90,7 @@ a:hover {
 header {
   position: absolute;
   top: 0;
-  width: fit-content;
+  width: max-content;
   min-width: var(--bodywidth);
   height: var(--navbarheight);
   padding-top: 0.5rem;
@@ -142,8 +142,8 @@ body > a {
 /* Background image type beat */
 #leftsidebg, #rightsidebg {
   --bgimg: url(/bg_dither.png)/*, url(/bg.jxl), url(/bg.jpg)*/;
-  background-image: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)), var(--bgimg);
-  background-size: 100% 2px, 3px 100%, cover, cover, cover, cover;
+  background-image: /*linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)), */var(--bgimg);
+  background-size: /*100% 2px, 3px 100%, cover, cover, cover, */cover;
   background-repeat: repeat;
   background-position: center;
   position: fixed;
@@ -355,6 +355,32 @@ hr {
   91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);}
 }
 
+/* ads */
+#mothvertisement, #johnvertisement {
+  margin-left: auto;
+  display: block;
+  margin-right: auto;
+  width: 100%;
+  max-width: 728px;
+  height: 90px;
+}
+/*#johnvertisement {
+  max-width: 732px;
+  max-height: 94px;
+  height: fit-content;
+}
+#mothvertisement {
+  max-width: 728px;
+  height: 90px;
+}*/
+@media (max-width: 750px) {
+  #mothvertisement {
+    max-width: 300px;
+    width: 100%;
+    height: 250px;
+  }
+}
+
 /* If user is on mobile */
 @media only screen and (hover: none) {
   header {
@@ -364,6 +390,7 @@ hr {
     right: initial;
     height: initial;
     transform: initial;
+    width: fit-content;
   }
   #header-content {
     padding-bottom: calc(var(--stdpadding) / 2);