tweaks

output/main.css

@@ -18,6 +18,9 @@
     --humanbody: #434343;
     --handledark: #7a6034;
     --scrollpaperlight: #d5c6ad;
+    --newpurple: #ca2862;
+    --newgold: #e1c305;
+    --newblue: #43baef;
 }
 
 img {
@@ -33,7 +36,7 @@ img {
     width: 100vw;
     height: 100vh;
     overflow: hidden;
-    background-image: url(res/Avraham_Society.png),
+    background-image: url(res/new_logo.webp),
     /*linear-gradient(90deg, var(--kuwaitgreen), var(--cream), var(--kuwaitred), black)*/
     /*linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), */linear-gradient(45deg, red, rgb(0, 255, 0, 0), green),
     linear-gradient(135deg, black, rgb(255, 255, 255, 0), white);
@@ -55,7 +58,8 @@ img {
 }
 
 #main > div, #main > p, #main > ol, #main > ul, #main > h1, #main > h2 {
-    background-color: var(--scrollpaperlight);
+    background-color: white /*var(--scrollpaperlight)*/;
+
 }
 
 #main > p:first-of-type {
@@ -71,7 +75,7 @@ img {
     padding-left: 25vw;
     padding-right: 25vw;
     line-height: 2em;
-    font-family: "Anton";
+    font-family: sans-serif;
 }
 
 #main > div.space {
@@ -111,7 +115,7 @@ img {
 #shape {
     height: calc(10vh + 3px);
     width: 100vw;
-    background-color: var(--kuwaitred);
+    background-color: var(--newgold); /* kuwaitred */
     clip-path: polygon(0% calc(100% - 3px), 0% 100%, 100% 100%, 100% calc(100% - 3px), 50% 0%);
     position: absolute;
     bottom: -1px;
@@ -126,14 +130,14 @@ img {
     top: 3px;
     left: 0px;
     clip-path: inherit;
-    background-color: var(--scrollpaperlight);
+    background-color: white;
 }
 
 #title {
     font-size: 4em;
     font-family: Lobster;
     text-align: center;
-    background-color: var(--kuwaitred);
+    background-color: var(--newgold);
     color: black;
     padding-top: 62px; /* todo: make this less terrible */
     position: sticky;
@@ -181,11 +185,11 @@ div#nav {
 }
 
 div#banner {
-    background-color: var(--humanbody);
+    background-color: var(--newpurple); /* --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);
+    border-bottom: 4px solid var(--newgold); /* scrollight */
     border-top: none;
     /*box-shadow: 0px 0px 5px var(--kuwaitred);*/
     /*box-shadow: 0px 0px 5px black;*/