ltatest css

static/css/main.css

@@ -76,22 +76,9 @@ sup#fn54, sup#fn38, sup#fn66 {
   /* -webkit-clip-path: ellipse(49% 70% at center center); */
   }
 
-#colophon {
-  position: fixed;
-  right: 0;
-  bottom: 10px;
-  width: 10%;
-  z-index: 3;
-}
 
-#colophon img {
-  width: 100%;
-  -webkit-transform:rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
+
+
 #colophondiv{
   overflow-y: scroll;
   display: none;
@@ -227,11 +214,11 @@ div#listofpeople{
   }
 
       button#about{
-    left:45%;
+    left:42.5%;
   }
 
     button#showall{
-    left: 20%;
+    left: 15%;
   }
 
       button#reset{
@@ -262,6 +249,24 @@ div#listofpeople{
   }
 
 
+  #colophon img {
+  width: 300%;
+  -webkit-transform:rotate(160deg);
+  -moz-transform: rotate(160deg);
+  -ms-transform: rotate(160deg);
+  -o-transform: rotate(160deg);
+  transform: rotate(160deg);
+}
+
+#colophon {
+  position: absolute;
+  width: 15%;
+  z-index: 3;
+  top: 92%;
+  left: 62.5%;
+}
+
+
 }
 
 /****************/
@@ -313,7 +318,22 @@ div#listofpeople{
   z-index: 1;
   }
 
+#colophon img {
+  width: 100%;
+  -webkit-transform:rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
 
+#colophon {
+  position: fixed;
+  right: 0;
+  bottom: 10px;
+  width: 10%;
+  z-index: 3;
+}
 
 
 }
@@ -378,7 +398,7 @@ height: inherit;
    that is currently Firefox-only */
 * {
   scrollbar-width: thin;
-  scrollbar-color: #8048b7 #ea4f2b;
+  scrollbar-color: transparent #ea4f2b;
 }
 
 /* Works on Chrome/Edge/Safari */
@@ -389,7 +409,7 @@ height: inherit;
   background: #ea4f2b;
 }
 *::-webkit-scrollbar-thumb {
-  background-color: #1c1c1c;
+  background-color: transparent;
   border-radius: 20px;
   border: 3px solid #ea4f2b;
 }