last css changes?

static/css/main.css

@@ -82,7 +82,8 @@ sup#fn54, sup#fn38, sup#fn66 {
 #colophondiv{
   overflow-y: scroll;
   display: none;
-  padding: 1em;
+  padding: 2em 6em 4em 6em;
+  line-height: 1.5em;
 }
 
 .main:after {
@@ -297,21 +298,21 @@ div#listofpeople{
 
   /* DIVS ABOUT */
   div#intro{
-  left: 21%;
+  left: 21.1%;
   top: 10%;
   width: 29%;
   height: 80%;
   z-index: 1;
   }
   div#howto{
-  left: 22%;
+  left: 22.1%;
   top: 15%;
   width: 28%;
   height: 70%;
   z-index: 2;
   }
   div#insert{
-  left: 20%;
+  left: 20.1%;
   top: 5%;
   width: 30%;
   height: 90%;
@@ -329,7 +330,7 @@ div#listofpeople{
 
 #colophon {
   position: fixed;
-  right: 0;
+  right: 4%;
   bottom: 10px;
   width: 10%;
   z-index: 3;
@@ -398,7 +399,7 @@ height: inherit;
    that is currently Firefox-only */
 * {
   scrollbar-width: thin;
-  scrollbar-color: transparent #ea4f2b;
+  scrollbar-color: #1c1c1c #1c1c1c;
 }
 
 /* Works on Chrome/Edge/Safari */
@@ -406,12 +407,12 @@ height: inherit;
   width: 12px;
 }
 *::-webkit-scrollbar-track {
-  background: #ea4f2b;
+  background: transparent;
 }
 *::-webkit-scrollbar-thumb {
-  background-color: transparent;
+  background-color: #1c1c1c;
   border-radius: 20px;
-  border: 3px solid #ea4f2b;
+  border: 3px solid #1c1c1c;
 }
 
 

templates/layout.html

@@ -318,9 +318,13 @@ var flag = true;
       $("#colophon").click(function(){
         if (colophonstatus === true) {
           $(".name-elements").empty();
+          $(".main-column-right").css("clip-path","ellipse(50% 70% at center center)");
+          $(".main-column-right").css("-webkit-clip-path","ellipse(50% 70% at center center)");
           $("#colophondiv").css("display","block");
           colophonstatus = false;
         } else {
+          $(".main-column-right").css("clip-path","unset");
+          $(".main-column-right").css("-webkit-clip-path","unset");
           $("#colophondiv").css("display","none");
           colophonstatus = true;
         }