torah sections

site/main.css

@@ -55,7 +55,7 @@ img {
 }
 
 #main > div, #main > p {
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #main > p:first-of-type {
@@ -73,7 +73,7 @@ img {
 #main > div.space {
     background-color: transparent;
     height: clamp(150px, 30vh, 500px);
-    border-bottom: 50px solid var(--cream);
+    border-bottom: 50px solid var(--scrollpaperlight);
 }
 
 #main > div.bottom {
@@ -120,7 +120,7 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
 }
 
 #title {
@@ -145,7 +145,7 @@ img {
     top: -3px;
     left: 0px;
     z-index: -1;
-    background-color: var(--cream);
+    background-color: var(--scrollpaperlight);
     clip-path: inherit;
 }
 
@@ -175,8 +175,8 @@ div#nav {
 }
 
 div#banner {
-    background-color: var(--scrollpaperlight);
-    color: black;
+    background-color: var(--humanbody);
+    color: white;
     /*--colorslant-point: clamp(20px, 10vw, 200px);
     background-image: linear-gradient(90deg, var(--kuwaitred) 0px, var(--kuwaitred) var(--colorslant-point), white var(--colorslant-point), white calc(100% - var(--colorslant-point)), var(--kuwaitred) calc(100% - var(--colorslant-point)));*/
     border-bottom: 4px solid var(--scrollight);
@@ -198,7 +198,7 @@ div#banner {
 }
 
 #nav > a {
-    color: black;
+    color: inherit;
 }
 
 #banner > a > img {
@@ -349,7 +349,7 @@ h1 {
     left: 0px;
     width: 100%;
     height: 50px;
-    background-image: linear-gradient(transparent 0%, white 100%);
+    background-image: linear-gradient(transparent 0%, var(--scrollpaperlight) 100%);
     z-index: 100000;
 }
 
@@ -393,7 +393,6 @@ h1 {
     background-color: var(--deepcream);
     padding: 40px;
     margin: 10px;
-    border-radius: 20px;
     position: sticky;
     top: 40%;
 }