theme updates

main.css

@@ -46,7 +46,8 @@ h1, h2, h3, h4, h5, h6 {
     padding-bottom: 10%;
     min-height: 90vh;
     box-sizing: border-box;
-    background-image: url(https://www.state.gov/wp-content/uploads/2022/02/Kuwait-2323x1406.png);
+    background-image: url(res/Avraham_Society.png);
+    background-position: 50% 50%;
     background-attachment: fixed;
     background-size: cover;
     position: relative;
@@ -65,7 +66,7 @@ h1, h2, h3, h4, h5, h6 {
     width: 100%;
     display: block;
     clip-path: polygon(0% 90%, 0 100%, 100% 100%, 100% 90%, 30% 100%);
-    background-color: white;
+    background-color: black;
     box-sizing: border-box;
 }
 
@@ -135,7 +136,12 @@ h1 {
     width: calc(100vw); /*- var(--sidebar-size)*/
     transition: margin-left 1s, width 1s;
     /*width: 100vw;*/
-    background-color: white;
+    background-color: black;
+    color: white;
+}
+
+#head-marker.scrolly-out+#headin > * {
+    color: white;
 }
 
 #head-marker.scrolly-out + #headin > #links > * > *, #head-marker.scrolly-out + #headin > #links > * {
@@ -196,7 +202,7 @@ body:not(.sidebar-opened) > #sider-outer > #sider {
     overflow: hidden;
     padding: 0;
     margin: 0;
-    display: none;
+    width: 0px;
 }
 
 body:not(.sidebar-opened) > #sider-outer > #sider > img {
@@ -406,7 +412,7 @@ h1 {
     padding: 5px;
     color: white;
     font-size: 0.7em;
-    margin-top: 10vh;
+    padding-top: 10vh;
 }
 
 .image-relational-scrolling > div:last-child > p > img {
@@ -513,6 +519,8 @@ h1 {
 
 #content {
     min-height: 50vh;
+    background-color: black;
+    color: white;
 }
 
 #content > p > .overlay {
@@ -584,4 +592,8 @@ iframe {
     margin-right: 0 !important;
     width: var(--video-width) !important;
     height: calc(var(--video-width) * 9/16) !important;
+}
+
+body {
+    background-color: black;
 }